更改 input 框中 placeholder 属性的文字颜色
Html 代码:
<div> <input type="text" placeholder="helloweb前端网" /> </div>
Chrome 支持 input=[type=text] 占位文本属性,所以,对下面这段代码并不起作用,另外,!important 只有 IE7 和 firefox 能识别!
input[placeholder], [placeholder], *[placeholder] { color:#333 !important; }
修改 input 里 placeholder 颜色的方法有很多,非常好用的一种:
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #666; } input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; } input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #666; }
原文链接:HelloWeb前端网 » 修改input里placeholder颜色 » 感谢您的浏览,希望能有所帮助。
欢迎您加入“Helloweb” 学习交流群:
196291215 共同交流并结识同行,在这里说出您的收获与感想或有什么不同的观点,我们期待您的留言,分享,让我们一起进步!