先看案例:
input{color:blue;}//输入文字为蓝色/**/input:-moz-placeholder{/*MozillaFirefox4to18*/color:#f35;opacity:1;}input::-moz-placeholder{/*MozillaFirefox19+*/color:#f35;opacity:1;}input:-ms-input-placeholder{color:#f35;opacity:1;}input::-webkit-input-placeholder{color:#f35;}</style><inputclass="inputText"id="id_card"name="id_card"placeholder="placeholder文字默认颜色"type="text">
使用中,请注意浏览器兼容!
在html5中input,textarea等元素新添加了placeholder的属性,大家可以通过css设置placeholder的样式,对于ie,firefox,以及webkit内核的浏览器需要使用不同的样式写法。
案例2:
<style>input:-moz-placeholder,textarea:-moz-placeholder{color:#f35;}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#f35;}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#f35;}/**/</style><inputtype="text"placeholder="搜索"value="">