先看案例:
css 线,css ice world,css版心怎么用,用css美化text框,css 图片延迟加载效果,成员介绍信息css样式,jquery 控制css动画
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:
css 线,css ice world,css版心怎么用,用css美化text框,css 图片延迟加载效果,成员介绍信息css样式,jquery 控制css动画
<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="">