Chrome支持占位符属性的input[type=text]元素(别人可能做太多).
但以下CSS内容对占位符的值没有任何作用:
input[placeholder], [placeholder], *[placeholder] {
color: red !important;
}Run Code Online (Sandbox Code Playgroud)
<input type="text" placeholder="Value">Run Code Online (Sandbox Code Playgroud)
Value仍然会留下grey而不是red.
有没有办法改变占位符文本的颜色?
我试着按照以下主题,但没有成功. 使用CSS更改HTML5输入的占位符颜色
我尝试着色我的占位符,但它仍然在Chrome 17.0.963.56米上保持灰色.
HTML
<input type='text' name='test' placeholder='colorize placeholder' value='' />
Run Code Online (Sandbox Code Playgroud)
CSS
INPUT::-webkit-input-placeholder,
INPUT:-moz-placeholder {
color:red;
}
input[placeholder], [placeholder], *[placeholder]
{
color:green !important;
}
Run Code Online (Sandbox Code Playgroud)
的jsfiddle
在Firefox 10.0.2上,它运行良好.