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

最新推荐文章于 2025-03-27 08:12:43 发布

_小太子

最新推荐文章于 2025-03-27 08:12:43 发布

阅读量1.1k

点赞数 2

分类专栏： css 文章标签： css css3 html

本文链接：https://blog.youkuaiyun.com/Teemo_shape/article/details/124733383

版权

css 专栏收录该内容

8 篇文章

订阅专栏

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

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

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

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;
  }