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

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

以下是一些截图:

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

当前回答

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

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

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

2016-01-21 09:12:13

其他回答

试试下面的代码:

功能(美元){ setTimeout(功能(){ (‘name = user_password’美元)。“型”、“密码”attr (); 是,1000); }); <剧本剧本src = " https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js " > < / > <输入:“用户_password”type=“password”>

2015-07-21 09:11:12

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

类似问题:Link

2014-05-13 13:59:39

这是杰森的MooTools版本。修复它在Safari也。

window.addEvent('domready',function() { 
    $('username').focus();

    if ((navigator.userAgent.toLowerCase().indexOf(\"chrome\") >= 0)||(navigator.userAgent.toLowerCase().indexOf(\"safari\") >= 0))
    {

        var _interval = window.setInterval(function ()
        {
            var autofills = $$('input:-webkit-autofill');
            if (autofills.length > 0)
            {

                window.clearInterval(_interval); // stop polling
                autofills.each(function(el)
                {
                    var clone = el.clone(true,true).inject(el,'after');;
                    el.dispose();
                });
            }
        }, 20);                                               


    }
});

2012-10-08 22:29:28

我用这个，

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 */

2015-06-28 10:53:02

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

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

2015-08-06 12:55:06

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

推荐文章

最新文章

标签