placeholder字体颜色兼容

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

ACGuan

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

阅读量231

点赞数

分类专栏： Web前端

本文链接：https://blog.youkuaiyun.com/csdnlinyongsheng/article/details/107511346

版权

Web前端专栏收录该内容

85 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 /* 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; 
}