placeholder字体颜色兼容

最新推荐文章于 2024-04-03 09:13:38 发布

原创最新推荐文章于 2024-04-03 09:13:38 发布 · 246 阅读

0 ·

CC 4.0 BY-SA版权

Web前端专栏收录该内容

85 篇文章

订阅专栏

本文详细介绍了如何使用CSS为不同浏览器的输入框和文本区域设置统一的占位符颜色，包括WebKit、Mozilla Firefox和Internet Explorer等浏览器的兼容性解决方案。

 /* WebKit browsers */

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 

    color: #ccc; 
} 



/* Mozilla Firefox 4 to 18 */

input:-moz-placeholder, textarea:-moz-placeholder { 
    color: #ccc; 
} 



/* Mozilla Firefox 19+ */

input::-moz-placeholder, textarea::-moz-placeholder { 
    color: #ccc; 
} 



 /* Internet Explorer 10+ */

input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color: #ccc; 
}