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

 分类:div+css教程时间:2022-09-14点击:

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

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;
}
除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: