修改input输入框placeholder文字默认颜色

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

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

2 ·

CC 4.0 BY-SA版权

文章标签：

#css

css 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种通过CSS样式来修改网页中输入框(input)及文本域(textarea)的placeholder文字颜色的方法，针对不同浏览器提供了兼容性的解决方案。

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

input输入框，placeholder默认颜色修改，照如下添加样式：

input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
  }

  input:-moz-placeholder,
  textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
  }

  input::-moz-placeholder,
  textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
  }

  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
  }