我们如何覆盖用户代理样式表？

【问题标题】：How can we overwrite user agent stylesheet?我们如何覆盖用户代理样式表？
【发布时间】：2017-02-13 00:21:53
【问题描述】：

我有一个表单，用于保存我的登录凭据。现在 chrome 正在向输入字段显示自己的背景颜色。
我为此做了研究，但没有发现任何东西。
有什么方法可以覆盖仅来自 chrome 的用户代理样式表与 css？

【问题讨论】：

Google Chrome form autofill and its yellow background的可能重复

【解决方案1】：

是的，您可以像这样更改样式：

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid green;
  -webkit-text-fill-color: green;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}

关注文章了解更多信息： https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/

【讨论】：