css设置input placeholder颜色(附实例代码)

placeholder是input框中的提示文字,默认是灰色的,而color是修改input中用户输入文本的颜色,通过color属性是不能修改placeholder颜色的,我们要想修改placeholder的默认颜色可以使用CSS提供的input-placeholder属性在使用前台HTML表单的的时候，经常会用到placeholder这个属性，他是干什么用的呢？比如我们这个input是输入用户名的，你就可以placeholder="请输入用户名"，这个样子他的交互程度就很好啦！

那如何用css设置input placeholder颜色或者其他样式呢？设置input placeholder颜色实例代码如下：

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #909;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #909;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #909;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #909;
}