谷歌浏览器的input自动填充出现巨丑的黄色背景解决方案

填写form表单时发现chrome的一个大坑啊！

当你之前提交过表单，再次获取input焦点时，会有一个记录之前填写过的文本的下拉列表式的自动填充效果，

这个填充功能本身是没什么问题的，但是谷歌浏览器给了个莫名其妙的黄色背景，用css样式重置它也没卵用，貌似是谷歌的底层样式

就下面这段。。。

折腾了半天，找到以下解决方式

方法一：

因为这玩意出现只有在之前有输入记录的情况下才会出现的，所以只有禁用input的记录就能ok！比如：<input type="text"  autocomplete="off">，如此当你点击了input时它就不会有那一列表了！整个世界也就干净了！当然，如果你能忍受那屎黄色，也可以把它给“on”了，或者不设置，因为autocomplet默认就是'on'的！

然而本人使用这种方法解决问题，发现并没什么卵用，可能是谷歌浏览器版本问题

方法二：

-webkit-box-shadow: 0 0 0px 1000px white inset  没错，就是给input设置内置阴影！而且一定要大，至少要比你的input本身大！不过，box-shadow是很慢的！而且，如果你的input是用图片做背景的话，是没有办法做这么干的！所以在实际开发中，到底是怎么选择，那还得自己权衡！

亲测有效！