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

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

今天分享一下怎么解决，在用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元素指定样式，浏览器会使用它自己的默认样式来渲染该元素。

• 更改样式前
  
• 更改样式后