Chrome支持input[type=text]元素的占位符属性（其他元素可能也支持）。
但以下CSS对占位符的值没有任何作用：
输入[占位符]、[占位符]，*[占位符]{颜色：红色！重要的}<input-type=“text”placeholder=“Value”>
但Value仍将保持灰色而不是红色。
是否有方法更改占位符文本的颜色？
当前回答
对于使用Bourbon的SASS/SCSS用户，它具有内置功能。
//main.scss
@import 'bourbon';
input {
width: 300px;
@include placeholder {
color: red;
}
}
CSS输出，您也可以抓取这部分并粘贴到代码中。
//main.css
input {
width: 300px;
}
input::-webkit-input-placeholder {
color: red;
}
input:-moz-placeholder {
color: red;
}
input::-moz-placeholder {
color: red;
}
input:-ms-input-placeholder {
color: red;
}
其他回答
这个怎么样
<input type=“text”value=“placeholder text”onfocus=“this.style.color='#000'；this.value=“”；“style=”颜色：#f00；" />
没有CSS或占位符，但您可以获得相同的功能。
如果您正在使用Bootstrap，但无法使其工作，那么您可能错过了Bootstrap本身添加这些选择器的事实。这是我们正在讨论的Bootstrap v3.3。
如果您试图更改.form控件CSS类中的占位符，则应按如下方式重写它：
.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #777;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #777;
opacity: 1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #777;
opacity: 1;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #777;
}
Compass有一个开箱即用的混音器。
举个例子：
<input type="text" placeholder="Value">
在SCSS中使用指南针：
input[type='text'] {
@include input-placeholder {
color: #616161;
}
}
有关输入占位符mixin，请参阅文档。
：：占位符{颜色：红色；}<input-type=“text”placeholder=“Value”>
我认为这段代码会起作用，因为占位符仅用于输入类型文本。因此，这一行CSS将足以满足您的需要：
input[type="text"]::-webkit-input-placeholder {
color: red;
}
