多彩多姿的占位符文本

haw*_*ris 9 html css

我需要创建一个HTML文本输入元素,其中包含多色占位符文本.除了之外,所有文本都应该是灰色的,但是关闭的星号应该是红色的,如:

在此输入图像描述

由于浏览器限制了我们对原生输入元素进行样式化的能力,这实际上要复杂得多,这实际上要复杂得多.

我听说有人使用CSS来覆盖原生输入样式,所以他们可以使用自定义字体等,但有两种特殊的文字样式(灰色和红色)吗?或者我是否需要使用替代(非本机)输入?

Pal*_*tim 9

尝试这样的事情:http://jsfiddle.net/vmuJm/

技巧:解决占位符文本,为所需输入添加"必需"类,并使用:after伪元素添加适当颜色的星号.

[编辑]看起来这只适用于Webkit浏览器.