Chrome支持input[type=text]元素的占位符属性（其他元素可能也支持）。
但以下CSS对占位符的值没有任何作用：
输入[占位符]、[占位符]，*[占位符]{颜色：红色！重要的}<input-type=“text”placeholder=“Value”>
但Value仍将保持灰色而不是红色。
是否有方法更改占位符文本的颜色？
当前回答
CSS提供：：占位符伪元素。
请注意，Bootstrap中的.placeholder mixin已被弃用。
例子：
input::placeholder { color: black; }
当使用autorefixer时，以上代码将被转换为适用于所有浏览器的正确代码。
其他回答
这会很好的。此处演示：
input:：-webkit输入占位符，textarea:：-webkit输入占位符{颜色：#666；}输入：-moz占位符，文本区域：-moz占位符{颜色：#666；}input:：-moz占位符，文本区域：：-moz占位符{颜色：#666；}input：-ms输入占位符，文本区域：-ms输入占位符{颜色：#666；}<input type=“text”placeholder=“Value”/>
这里还有一个例子：
.form控件：：-webkit输入占位符{颜色：红色；宽度：250px；}h1小时{颜色：红色；}<div class=“col-sm-4”><input class=“form control”placeholder=“在此处输入文本..”ng model=“需要电子邮件”/></div>
试试这个吧
input::placeholder
color:#900009;
}
最简单的方法是：
#yourInput::placeholder {
color: red;/*As an example*/
}
/* if that would not work, you can always try styling the attribute itself: */
#myInput[placeholder] {
color: red;
}
我已经在我的移动平台上尝试了各种组合来改变颜色，最终是：
-webkit-text-fill-color: red;
这一招奏效了。
