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