Question

我生病了，试图在我的网站上为我工作，但这是不可能的......我想我做错了什么..

我从他的网站上发布了BenjaminMiles的这个jquery代码：

<script>
	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);
			});
		});
	}
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" name="text" />

但仍然不起作用...也试过了盒子阴影技巧，但对我来说不起作用，因为我正在使用带有背景图像的输入。

我在body标签里面有上面的代码，所以..我做错了什么？

Answer 1

您可能不需要jQuery。使用transition使黄色背景消失。您所要做的就是如下：

 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
 input:-webkit-autofill:active {
        transition: background-color 5000s ease-in-out 0s;
    }

要更改文字颜色，请添加

-webkit-text-fill-color: white !important;

用您选择的颜色替换white。

Answer 2

vyastech修复很不错，但是您应该使用＆＃34;延迟＆＃34;转换代替＆＃34;持续时间＆＃34;

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  transition: background-color 0s 3600s;
}

Answer 3

下面的代码工作

    // Change the white to any color ;)
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

您可以尝试使用以下代码更改文字颜色：

   -webkit-text-fill-color: yellow !important;

使用jquery下面的代码将起作用

    if ($.browser.webkit) {
    $('input[name="password"]').attr('autocomplete', 'off');
}

使用此jquery更改chrome自动填充黄色

3 个答案: