修改input标签的placeholder的颜色

最新推荐文章于 2024-02-25 13:40:51 发布

原创最新推荐文章于 2024-02-25 13:40:51 发布 · 432 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

开发遇到的小问题专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种修改HTML中input元素的placeholder颜色的方法。通过使用不同的CSS前缀来针对各种浏览器进行兼容性设置，确保placeholder文字颜色的一致性。

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

我用过的一种修改input标签的placeholder的颜色的方法

因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定。

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #dadada; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #dadada; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
color: #dadada; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color: #dadada; 
}