Html5中input的placeholder文字颜色设置

HTML5 Input Placeholder颜色设置

最新推荐文章于 2024-10-14 17:21:53 发布

原创最新推荐文章于 2024-10-14 17:21:53 发布 · 1.1w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #webkit

前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在HTML5中使用CSS伪元素设置input控件的placeholder文字颜色，包括针对不同浏览器内核的兼容性写法。

Html5中input的placeholder文字颜色设置

input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999; 
}