我们怎样才能改变占位符的颜色？

Question

如何更改所选输入字段的占位符颜色。

input[type="text"].smInput{
color: #333;
}

Answer 1

占位符文本作为伪元素暴露给CSS，因此请使用伪元素选择器。它还没有标准化，所以你需要为支持它的布局引擎重复选择器：

input[type=text].smInput::-moz-placeholder,
input[type=text].smInput:-ms-input-placeholder, /* IE uses a pseudo-class rather than pseudo-element */
input[type=text].smInput::-webkit-input-placeholder, {
    color: #333;
}

来源：

• https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-placeholder
• https://developer.mozilla.org/en-US/docs/Web/CSS/::-moz-placeholder
• http://msdn.microsoft.com/en-us/library/ie/hh772745(v=vs.85).aspx

Answer 2

input:-moz-placeholder, textarea:-moz-placeholder{
    color: #222;
}
input::-webkit-input-placeholder, textarea::-moz-placeholder{
    color: #222;
}

Answer 3

input[type="text"].smInput:-moz-placeholder, textarea:-moz-placeholder{
    color: #222;
}
input[type="text"].smInput::-webkit-input-placeholder, textarea::-moz-placeholder{
    color: #222;
}