这些答案的组合对我很管用

<style>
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0px 1000px #373e4a inset !important;
           -webkit-text-fill-color: white !important;
   }
</style>

下面的CSS删除黄色背景色，并将其替换为您选择的背景色。它不会禁用自动填充，也不需要jQuery或Javascript。

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

解决方案，复制自: 使用HTML/CSS重写浏览器表单填充和输入高亮显示

没有一个解决方案对我有效，用户名和密码输入仍然在填充，并给出黄色背景。

所以我问自己，“Chrome如何决定在给定的页面上应该自动填充什么?”

“它会查找输入id、输入名称吗?”表单的id吗?表单动作?”

通过我对用户名和密码输入的实验，我发现只有两种方法会导致Chrome无法找到应该自动填充的字段:

1)将密码输入放在文本输入之前。 2)给他们相同的名字和身份证……或者没有姓名和身份证。

页面加载后，用javascript你可以改变页面上输入的顺序，或者动态地给他们他们的名字和id…

Chrome不知道是什么击中了它…自动完成关闭。

疯狂的黑客，我知道。但这对我很有用。

Chrome 34.0.1807.116, OSX 10.7.5

添加autocomplete="off"并不能解决问题。

将输入类型属性更改为type="search"。 谷歌不会对输入的搜索类型应用自动填充。

希望这能为您节省一些时间。

在标记中，只需插入这一小行代码。

autocomplete="off"

但是，不要把它放在用户名/电子邮件/idname字段，因为如果你仍然想使用自动完成，它会禁用这个字段。但我找到了一个解决这个问题的方法，简单地把代码放在你的密码输入标签中，因为你永远不会自动完成密码。这个修复应该会移除颜色强制，保持电子邮件/用户名字段的自动完成功能，并让你避免像Jquery或javascript这样的笨重黑客。

我用这个，

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
input:focus:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
/* You can use color:#color to change the color */