css改变input输入框placeholder值颜色

最新推荐文章于 2025-12-05 07:37:55 发布

原创最新推荐文章于 2025-12-05 07:37:55 发布 · 159 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #less #python #css3 #html

本文介绍了一种使用CSS来定制不同浏览器下输入框占位符颜色的方法。通过针对WebKit、Mozilla Firefox及Internet Explorer等浏览器的特定伪类设置颜色属性，实现了跨浏览器一致的视觉效果。

::-webkit-input-placeholder { /* WebKit browsers */  
    color:    #fff;  
}  
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
   color:    #fff;  
   opacity:  1;  
}  
::-moz-placeholder { /* Mozilla Firefox 19+ */  
   color:    #fff;  
   opacity:  1;  
}  
:-ms-input-placeholder { /* Internet Explorer 10+ */  
   color:    #fff;  
}