CSS怎么修改placeholder颜色
墨初 Web前端 539阅读
默认的input placeholder 属性的字体颜色太黑了，就想着用CSS样式去修改一下它，普通的CSS改变字体颜色的方法并不能直接修改 placeholder 提示字体的颜色，查了一下相关的资料，总结了一下修改 placeholder 字体颜色的方法。
CSS 修改 placeholder 提示字体颜色的方法
利用下面的CSS代码，可以修改 placeholder 字体的颜色。
注意：placeholder 是html5中新增加的属性，IE10以及一些老旧的显示器是不支持的。
input::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */
input:-moz-placeholder{} /* Firefox版本4-18 */
input::-moz-placeholder{} /* Firefox版本19+ */
input:-ms-input-placeholder{} /* IE浏览器 */CSS 设置 placeholder 字体颜色的示例
例：
<style>
#mo:-moz-placeholder{
color:burlywood;
}
#mo::-moz-placeholder{
color:burlywood;
}
#mo::-webkit-input-placeholder{
color:burlywood;
}
#mo:-ms-input-placeholder{
color:burlywood;
}
</style>
<input type="text" placeholder="73so.com">
<hr>
<input type="text" placeholder="73so.com" id="mo">运行示例后的图片：
标签：