修改input里placeholder颜色

更改 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” 学习交流群:HelloWeb-学习交流群 196291215 共同交流并结识同行,在这里说出您的收获与感想或有什么不同的观点,我们期待您的留言,分享,让我们一起进步!

喜欢 ()or分享