我需要创建一个具有彩色占位符文本的 HTML 文本输入元素。所有文本都应为灰色,但结束星号应为红色,如:
这让我觉得这是一项看似简单的任务,但实际上要复杂得多,因为浏览器如何限制我们对 native 输入元素进行样式设置的能力。
我听说有人使用 CSS 覆盖 native 输入样式,以便他们可以使用自定义字体等,但是有没有两种特殊的文本样式(灰色和红色)?还是我需要使用替代(非本地)输入?
最佳答案
尝试这样的事情:http://jsfiddle.net/vmuJm/
诀窍:处理占位符文本,向所需输入添加“必需”类,并使用 :after
伪元素添加适当颜色的星号。
[编辑] 看起来这只适用于 Webkit 浏览器。
关于html - 多彩多姿的占位符文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20667108/