×

如何修改输入框placeholder文字默认颜色

作者:Terry2017.02.07来源:Web前端之家浏览:44812评论:0
关键词:placeholder

input-placeholder
html5为input添加了原生的占位符属性placeholder,高级浏览器都支持这个属性,例如:
<input type="text" placeholder="修改输入框placeholder文字默认颜色" value=" ">
默认的placeholder字体颜色是呈浅灰色,如果想改变这个默认颜色,解决方案如下:
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;
}
伪类
::-webkit-input-placeholder {
    color:    #999;
}
:-moz-placeholder {
    color:    #999;
}
::-moz-placeholder {
    color:    #999;
}
:-ms-input-placeholder {
    color:    #999;
}

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/biji24.html

网友评论文明上网理性发言已有0人参与

发表评论: