Google Chrome自动填充背景颜色变化？

Question

我正在尝试更改输入的自动填充背景色。

在线接受的答案似乎与以下内容相似：

Removing input background colour for Chrome autocomplete?

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
input:-internal-autofill-selected,
input:-internal-autofill-previewed {
    background-color: white !important;
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

在一种情况下，这似乎是可以接受的，这是当字段已经自动填充时。

意思是我刷新浏览器，并且该字段已经预先填充了用户名/密码。

当我将鼠标悬停或单击输入时，背景颜色会更改。但是，当我不执行任何操作时，box-shadow无效，并且仍设置为默认的user agent stylesheet。

input:-internal-autofill-selected {
    background-color: rgb(232, 240, 254) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}

我也尝试了一些随机属性，但没有成功。

input:-internal-autofill,
input:-internal-autofill:hover, 
input:-internal-autofill:focus, 
input:-internal-autofill:active,

Chrome版本77.0.3865.90（正式版本）（64位）

根本不知道如何覆盖此内容。就像它是在CSS规则的底部添加了important，因此无法覆盖吗？

Answer 1

框阴影对我的工作请尝试以下代码。您可以根据需要更改阴影颜色。

input:-webkit-autofill {
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0 50px white inset;
}