【问题标题】:Sliding doors for input text用于输入文本的滑动门
【发布时间】:2012-10-23 11:59:37
【问题描述】:

是否可以使用滑动门 css 技术来输入文本?我在“按钮”中使用过它,但它似乎不适用于输入类型。

【问题讨论】:

  • 好吧,我问理论上,这是一个带有自定义类的简单输入文本。在常规的滑动门按钮中,有 2 个图像:一个应用于按钮(左),另一个应用于按钮内部的跨度(右)。我应该将输入包装在一个 div 中并尝试实现相同的目标吗?

标签: html css


【解决方案1】:

您应该将输入标签放在 span 或 div 内,然后使用sliding doors 技术。如果您不想添加额外的标签,请使用多个背景图像。请务必注意,并非每个浏览器都支持此功能。

关于多个 CSS 背景图片:http://css-tricks.com/css3-multiple-backgrounds-obsoletes-sliding-doors/

【讨论】:

  • 我试图远离 CSS3,因为我想要尽可能多的兼容性。我会尝试将输入放在 div 或 span 中,然后返回结果。
  • 它几乎适用于所有浏览器,但在 IE 上仍然存在问题。我使用了跨度和其中的输入文本。谢谢!
猜你喜欢
  • 2011-03-09
  • 1970-01-01
  • 2010-10-15
  • 1970-01-01
  • 1970-01-01
  • 2012-04-04
  • 2011-11-23
  • 2020-02-13
  • 2014-01-08
相关资源
最近更新 更多