Google Chrome表单自动填充及其黄色背景

Question

Google Chrome表单自动填充及其黄色背景

我对Google Chrome及其表单自动填充功能存在设计问题。如果Chrome记住某些登录名/密码，则会将背景颜色更改为黄色。

以下是一些截图：

如何删除该背景或只是禁用此自动填充？

Answer 1

将“白色”更改为您想要的任何颜色。input:-webkit-autofill {     -webkit-box-shadow: 0 0 0 1000px white inset !important;}

Answer 2

如果你们想要透明的输入字段，你可以使用转换和转换延迟。input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {     -webkit-transition-delay: 9999s;     -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;}

Answer 3

解决方案在这里：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);         });     });}