在chrome中，如果设置了自动完成表单，那么用户在输入了表单并且再次进入到表单页面时，会发现表单下面有一个黄色的背景。例如下面这样：

在chrome中自动完成表单后input出现黄色背景的解决方案 - 瘦猴子 - @从前有个T

对于纯色背景的表单，只需要在CSS里面加入类似下面的代码即可：

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

还找到一张解决办法，就是给input添加autocomplete=‘off’也就是把他的自动完成关闭了。

但是我试了下没有效果，还是用的上面的加CSS的方法。

例如白色背景的表单，就定义input的:-webkit-autofill 属性，设置一个白色的内阴影，这样就可以覆盖掉原来的黄色背景。

对于拿图片做背景的表单，就略复杂一点，要用js来解决，在js中加入如下代码：

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