美文网首页让前端飞
改变input框中placeholder颜色的方法

改变input框中placeholder颜色的方法

作者: 废柴码农 | 来源:发表于2019-01-16 17:07 被阅读2次

项目需求中需要将input的中的placeholder1的颜色变成浅灰色,如下图


改变placeholder颜色.png

具体代码实现如下:

//https://blog.csdn.net/zeyu1021/article/details/44563393#

input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #BDCADA;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #BDCADA;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #BDCADA;
}
input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #BDCADA;
}

相关文章

网友评论

    本文标题:改变input框中placeholder颜色的方法

    本文链接:https://www.haomeiwen.com/subject/kygmdqtx.html