【问题标题】:Two different text styles in placeholder占位符中有两种不同的文本样式
【发布时间】:2012-10-13 08:13:50
【问题描述】:

输入框占位符可以有两种样式吗?

这是我正在寻找的示例: http://i.imgur.com/uQ3zf.png

【问题讨论】:

  • 您希望用户能够删除“标签”文本吗?
  • 是的,我希望占位符消失。
  • 仅使用placeholder 属性是不可能的。

标签: javascript jquery css html


【解决方案1】:

选项可以使用带有文本的背景图像,或者使用带有文本的元素叠加层,或者将文本放在输入的后面。

这是一个简单的演示,将文本放在输入后面并将其隐藏在焦点上

http://jsfiddle.net/GRsQc/1/

【讨论】:

  • 是的,这似乎工作得很好。感谢您的帮助 charlietfl。
【解决方案2】:

一种解决方案是将文本放置在输入字段上,显然它可以设置为您的示例之前的样式,并在选择文本字段时使用 jquery 或 javascript 隐藏文本。如果你想提供一些代码,我可以更具体。

【讨论】:

    猜你喜欢
    • 2013-09-02
    • 1970-01-01
    • 2012-05-14
    • 1970-01-01
    • 1970-01-01
    • 2017-02-26
    • 1970-01-01
    • 2012-07-26
    相关资源
    最近更新 更多