下面是一个Mootools解决方案，与Alessandro的解决方案相同——将每个受影响的输入替换为新的输入。

if (Browser.chrome) {
    $$('input:-webkit-autofill').each(function(item) {
        var text = item.value;
        var name = item.get('name');
        var newEl = new Element('input');
        newEl.set('name', name);
        newEl.value = text;
        newEl.replaces(item);
    });
}

唯一适合我的方法是:(jQuery要求)

$(document).ready(function(e) {
    if ($.browser.webkit) {
        $('#input_id').val(' ').val('');
    }
});

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

autocomplete="off"

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

我也有同样的问题。这对我来说很管用:

form :focus {
  outline: none;
}

如果你想保留自动填充，以及任何数据，附加处理程序和附加到输入元素的功能，试试这个脚本:

if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0)
{
    var _interval = window.setInterval(function ()
    {
        var autofills = $('input:-webkit-autofill');
        if (autofills.length > 0)
        {
            window.clearInterval(_interval); // stop polling
            autofills.each(function()
            {
                var clone = $(this).clone(true, true);
                $(this).after(clone).remove();
            });
        }
    }, 20);
}

它轮询直到找到任何自动填充元素，克隆它们(包括数据和事件)，然后将它们插入到相同位置的DOM中，并删除原始元素。一旦它发现任何要克隆的，它就会停止轮询，因为自动填充有时在页面加载后需要一秒钟。这是前面代码样例的一个变体，但是更加健壮，并且尽可能保留了完整的功能。

(已确认可在Chrome、Firefox和ie8中使用。)

有点俗气，但对我来说很合适

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