Chrome支持input[type=text]元素的占位符属性（其他元素可能也支持）。
但以下CSS对占位符的值没有任何作用：
输入[占位符]、[占位符]，*[占位符]{颜色：红色！重要的}<input-type=“text”placeholder=“Value”>
但Value仍将保持灰色而不是红色。
是否有方法更改占位符文本的颜色？
当前回答
我认为这段代码会起作用，因为占位符仅用于输入类型文本。因此，这一行CSS将足以满足您的需要：
input[type="text"]::-webkit-input-placeholder {
color: red;
}
其他回答
跨浏览器解决方案：
/* all elements */
::-webkit-input-placeholder { color:#f00; }
::-moz-placeholder { color:#f00; } /* firefox 19+ */
:-ms-input-placeholder { color:#f00; } /* ie */
input:-moz-placeholder { color:#f00; }
/* individual elements: webkit */
#field2::-webkit-input-placeholder { color:#00f; }
#field3::-webkit-input-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }
#field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }
/* individual elements: mozilla */
#field2::-moz-placeholder { color:#00f; }
#field3::-moz-placeholder { color:#090; background:lightgreen; text-transform:uppercase; }
#field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }
资料来源：David Walsh
对于Bootstrap和Less用户，有一个mixin.placeholder：
// Placeholder text
// -------------------------
.placeholder(@color: @placeholderText) {
&:-moz-placeholder {
color: @color;
}
&:-ms-input-placeholder {
color: @color;
}
&::-webkit-input-placeholder {
color: @color;
}
}
在html文件中：
<input type="text" placeholder="placeholder" class="redPlaceHolder">
在css文件中：
.redPlaceHolder{
color: #ff0000;
}
Compass有一个开箱即用的混音器。
举个例子：
<input type="text" placeholder="Value">
在SCSS中使用指南针：
input[type='text'] {
@include input-placeholder {
color: #616161;
}
}
有关输入占位符mixin，请参阅文档。
这里还有一个例子：
.form控件：：-webkit输入占位符{颜色：红色；宽度：250px；}h1小时{颜色：红色；}<div class=“col-sm-4”><input class=“form control”placeholder=“在此处输入文本..”ng model=“需要电子邮件”/></div>
