Chrome支持input[type=text]元素的占位符属性（其他元素可能也支持）。
但以下CSS对占位符的值没有任何作用：
输入[占位符]、[占位符]，*[占位符]{颜色：红色！重要的}<input-type=“text”placeholder=“Value”>
但Value仍将保持灰色而不是红色。
是否有方法更改占位符文本的颜色？
当前回答
将此CSS代码用于所有浏览器工作：
::placeholder{color:#ccc;}
**HTML**
<input class="form-control" placeholder="write Here..">
其他回答
Compass有一个开箱即用的混音器。
举个例子：
<input type="text" placeholder="Value">
在SCSS中使用指南针：
input[type='text'] {
@include input-placeholder {
color: #616161;
}
}
有关输入占位符mixin，请参阅文档。
这个怎么样
<input type=“text”value=“placeholder text”onfocus=“this.style.color='#000'；this.value=“”；“style=”颜色：#f00；" />
没有CSS或占位符，但您可以获得相同的功能。
/*不要将这些规则分组*/*：：-webkit输入占位符{颜色：红色；}*：-moz占位符{/*第4-18页*/颜色：红色；不透明度：1；}*：：-moz占位符{/*FF 19以上*/颜色：红色；不透明度：1；}*：-ms输入占位符{/*即10+*/颜色：红色；}*：：-ms输入占位符{/*Microsoft边缘*/颜色：红色；}*：：占位符{/*现代浏览器*/颜色：红色；}<input placeholder=“hello”/><br/><textarea placeholder=“hello”></textarea>
这将设置所有输入和文本区域占位符的样式。
重要提示：不要将这些规则分组。相反，为每个选择器制定一个单独的规则（组中的一个无效选择器将使整个组无效）。
将此CSS代码用于所有浏览器工作：
::placeholder{color:#ccc;}
**HTML**
<input class="form-control" placeholder="write Here..">
不同浏览器中特定元素的占位符颜色。
HTML
<input class='contact' type="email" placeholder="majed@firefly.com">
CSS
.contact::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: pink;
}
.contact::-moz-placeholder { /* Firefox 19+ */
color: pink;
}
.contact:-ms-input-placeholder { /* IE 10+ */
color: pink;
}
.contact:-moz-placeholder { /* Firefox 18- */
color: pink;
}
