input 选自动填充，去除浏览器自动填充后样式

自动填充下背景颜色调整技巧：保持黑色字体的解决方案

最新推荐文章于 2025-10-08 10:16:24 发布

原创最新推荐文章于 2025-10-08 10:16:24 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css #css3 #html

css 专栏收录该内容

8 篇文章

订阅专栏

本文探讨了如何在输入框使用自动填充功能时，确保黑色背景和白色字体的视觉效果，提供了针对-webkit-autofill和-internal-autofill-previewed/-selected状态的CSS样式调整建议。

自动填充后，本来黑色的背景色变白，字体变黑。

input:-webkit-autofill {
    -webkit-text-fill-color: #fff; // 设置填充不变色

    transition: background-color 50000s ease-in-out 0s;
  }
  input:-internal-autofill-previewed,
  input:-internal-autofill-selected {
    -webkit-text-fill-color: #fff;
    transition: background-color 5000s ease-out 0.5s;
  }