css - 如何改变:-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;
}