更改input里placeholder的字的颜色

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

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

4 ·

CC 4.0 BY-SA版权

本文介绍了一种使用CSS来更改HTML输入框占位符颜色的方法，通过针对不同浏览器的特定伪元素设置颜色属性，确保了跨浏览器的兼容性。

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

发现用color改不了placeholder的颜色，用下面的代码就行了

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