html - 更改自动填充输入字段的字体颜色

Question

我已经成功地使用以下代码将自动填充输入字段的背景颜色从黄色更改为白色:

input.login:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

但是，仅通过添加 color: #999; 将字体颜色更改为灰色是行不通的。我该如何解决这个问题？非常感谢!

Answer 1

试试下面的 CSS

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #999;
}
input:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
    -webkit-text-fill-color: #999;
}