谷歌Chrome表单自动填充和它的黄色背景

我有设计问题与谷歌Chrome浏览器和它的形式自动填充功能。如果Chrome记住了一些登录/密码，它会将背景颜色更改为黄色。

以下是一些截图:

如何删除背景或只是禁用这个自动填充?

当前回答

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

form :focus {
  outline: none;
}

其他回答

我修复了这个问题的密码字段，我有这样:

将输入类型设置为文本而不是密码

使用jQuery删除输入文本值

使用jQuery将输入类型转换为密码

<input type="text" class="remove-autofill">

$('.js-remove-autofill').val('');    
$('.js-remove-autofill').attr('type', 'password');

在Firefox中，您可以使用autocomplete="off/on"属性禁用表单上的所有自动完成功能。同样，单个项目的自动完成也可以使用相同的属性设置。

<form autocomplete="off" method=".." action="..">  
<input type="text" name="textboxname" autocomplete="off">

你可以在Chrome中测试它，因为它应该工作。

<input type="text" name="foo" autocomplete="off" />

类似问题:Link

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

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

为我工作，只有css更改需要。

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset!important;
}

你可以用任何颜色代替#ffffff。

推荐文章