css - Chrome 自动填充黄色背景位于表单字段中的图标上方

Question

Jsfiddle: jsfiddle.net/dlnkprs/MR33L/

我正在为 Wordpress 登录表单创建不同的样式。我在用户名和密码字段中都放了一个图标。显示这个:

但是..当您使用 Chrome 的自动填充时，背景会变成黄色并且图标会消失:

知道如何解决这个问题以使图标仍然可见吗？

Answer 1

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

这将使输入的背景为白色，显然您可以将颜色更改为您喜欢的任何颜色。不幸的是，我找不到任何方法让图标出现在黄色背景前，所以我可以推荐的最好的方法是通过添加 autocomplete="off" 在每个输入元素中关闭自动完成> 归功于他们。

抱歉，我不能提供更多帮助。