关于浏览器自动填充后，输入框背景被浏览器样式覆盖的问题

QianJiejing

首先宝子们，我也是探索出来的，不是什么前端大佬，不要喷我，有问题大家好好交流，有更好更合理或者其他办法大家都可以讨论。

今天分享一下怎么解决，在用vue2.0编写前端页面，遇到类似chrome/edge带有密码自动填充的浏览器，自动填充密码后会改变input输入框背景颜色的问题（当然可能也适用于其他前端代码的，输入框自动填充css样式修改）。

/deep/ input:-webkit-autofill {
  background-color: #ffffff !important;/*在这里换成你想要的颜色*/
  transition: background-color 5000s ease-in-out 0s !important;
}

用户代{过}{滤}理样式表（User Agent Stylesheet）是浏览器提供的默认样式表，用于给未经明确设置的HTML元素提供基础样式。这意味着，如果你没有为某个HTML元素指定样式，浏览器会使用它自己的默认样式来渲染该元素。

kittylang

可以的。但其实这个特性有他的意义

三滑稽甲苯

这个问题我也遇到过，不知道楼主是从哪里发现这个解决方案的

alanfish

楼主厉害22

QianJiejing

kittylang 发表于 2024-3-2 19:06
可以的。但其实这个特性有他的意义

是的，但是我不想他修改我的输入框样式

QianJiejing

三滑稽甲苯 发表于 2024-3-2 18:38
这个问题我也遇到过，不知道楼主是从哪里发现这个解决方案的

从stackoverflow看到类似的，再摸索