如何改变风格：-webkit-autofill？

Question

:-webkit-autofill的默认背景颜色为橙色。如何改变？

:-webkit-autofill, input:-webkit-autofill {
    background-color: #fff !important;
}

上述代码不起作用。

Answer 1

不是background-color摆脱黄色/橙色，而是box-shadow：

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #fff inset;
    -moz-box-shadow: 0 0 0 100px #fff inset;
    box-shadow: 0 0 0 100px #fff inset;
}

Answer 2

您可以使用 box-shadow

更改自动填充输入的背景颜色

对于 Firefox，您还需要 filter:none。

:-webkit-autofill { /* -webkit also works in firefox here */
    filter:none; /* needed for firefox! */
    box-shadow: 0 0 0 100px rgba(38, 163, 48, 0.212) inset;
}

我不知道这如何以及是否适用于 Safari。