input框修改placeholder颜色

最新推荐文章于 2024-11-25 16:14:12 发布

原创最新推荐文章于 2024-11-25 16:14:12 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

这篇博客主要讨论如何使用CSS来改变HTML输入元素的placeholder文本颜色。通过WebKit、IE10+、Firefox不同版本的伪元素选择器，我们可以实现浏览器兼容的placeholder文本颜色定制，确保在各种浏览器中保持一致的视觉效果。

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

<input type= "text"  placeholder= "占位符"  />
 
input::-webkit-input-placeholder {
     color :  #999 ;
}
input:-ms-input-placeholder { // IE 10 +
     color :  #999 ;
}
input:-moz-placeholder { // Firefox 4 -18
     color :  #999 ;
}
input::-moz-placeholder { // Firefox 19 +
     color :  #999 ;
}