CSS怎么修改placeholder颜色
墨初 Web前端 669阅读
默认的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">
运行示例后的图片:
标签: