我有设计问题与谷歌Chrome浏览器和它的形式自动填充功能。 如果Chrome记住了一些登录/密码，它会将背景颜色更改为黄色。
以下是一些截图:
如何删除背景或只是禁用这个自动填充?
当前回答
试试下面的代码:
功能(美元){ setTimeout(功能(){ (‘name = user_password’美元)。“型”、“密码”attr (); 是,1000); }); <剧本剧本src = " https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js " > < / > <输入:“用户_password”type=“password”>
其他回答
这帮助了我，一个CSS唯一的版本。
输入:-webkit-autofill { -webkit-box-shadow: 000px 1000px白色嵌入; ｝
白色可以是你想要的任何颜色。
如果你想保留自动填充，以及任何数据，附加处理程序和附加到输入元素的功能，试试这个脚本:
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中使用。)
试试下面的代码:
功能(美元){ setTimeout(功能(){ (‘name = user_password’美元)。“型”、“密码”attr (); 是,1000); }); <剧本剧本src = " https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js " > < / > <输入:“用户_password”type=“password”>
下面是一个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);
});
}
添加autocomplete="off"并不能解决问题。
将输入类型属性更改为type="search"。 谷歌不会对输入的搜索类型应用自动填充。
希望这能为您节省一些时间。
