改变input内placeholder的字体颜色

原创已于 2022-03-02 09:56:00 修改 · 645 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#css3 #css

收录于

于 2021-12-18 21:58:09 首次发布

前端零零散散专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一种使用CSS来统一不同浏览器下输入框占位符文本颜色的方法。通过针对不同浏览器引擎的特定伪元素选择器设置颜色属性，可以确保在Webkit、Firefox、IE等浏览器中实现一致的颜色显示效果。

input::-webkit-input-placeholder { /* WebKit browsers */
  color: red;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: red;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: red;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: red;
}