input placeholder颜色属性设置(css改变input中的placeholder的颜色)

 分类:html知识时间:2022-07-27点击:

分享input placeholder颜色属性设置,通过css改变input中的placeholder的颜色,我在在使用前台HTML表单的<input>的时候,经常会用到placeholder这个属性,他是干什么用的呢?比如我们这个input是输入用户名的,你就可以placeholder="请输入用户名",这个样子他的交互程度就很好啦~

干货:css改变input中的placeholder的颜色

placeholder的样子

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