对于自动完成，您可以使用：
<form autocomplete="off">
关于着色问题：
从您的屏幕截图中，我可以看到 webkit 生成以下样式：
input:-webkit-autofill {
background-color: #FAFFBD !important;
}
1) 由于 #id-styles 比 .class 样式更重要，因此以下可能起作用：
#inputId:-webkit-autofill {
background-color: white !important;
}
2) 如果这不起作用，您可以尝试通过 javascript 以编程方式设置样式
$("input[type='text']").bind('focus', function() {
$(this).css('background-color', 'white');
});
3) 如果那行不通，你就完蛋了 :-) 考虑一下：
这不会隐藏黄色，但会使文本再次可读。
input:-webkit-autofill {
color: #2a2a2a !important;
}
4) css/javascript 解决方案：
css:
input:focus {
background-position: 0 0;
}
并且必须在加载时运行以下 javascript：
function loadPage()
{
if (document.login)//if the form login exists, focus:
{
document.login.name.focus();//the username input
document.login.pass.focus();//the password input
document.login.login.focus();//the login button (submitbutton)
}
}
例如：
<body onload="loadPage();">
祝你好运:-)
5) 如果上述工作都没有尝试删除输入元素，克隆它们，然后将克隆的元素放回页面上（适用于 Safari 6.0.3）：
<script>
function loadPage(){
var e = document.getElementById('id_email');
var ep = e.parentNode;
ep.removeChild(e);
var e2 = e.cloneNode();
ep.appendChild(e2);
var p = document.getElementById('id_password');
var pp = p.parentNode;
pp.removeChild(p);
var p2 = p.cloneNode();
pp.appendChild(p2);
}
document.body.onload = loadPage;
</script>
6) 来自here:
if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) {
$(window).load(function(){
$('input:-webkit-autofill').each(function(){
var text = $(this).val();
var name = $(this).attr('name');
$(this).after(this.outerHTML).remove();
$('input[name=' + name + ']').val(text);
});
});
}