input:-webkit-autofill使输入框变成黄色

方法一：

因为这玩意出现只有在之前有输入记录的情况下才会出现的，所以只有禁用input的记录就能ok！

比如：，如此当你点击了input时它就不会有那一列表了！整个世界也就干净了！当然，如果你能忍受那屎黄色，也可以把它给“on”了，或者不设置，因为autocomplet默认就是'on'的！

不过，很多时候可能需求不允许你去掉简单方便的记录！那可咋整？

于是，

方法二：

-webkit-box-shadow: 0 0 0px 1000px white inset没错，就是给input设置内置阴影！而且一定要大，至少要比你的input本身大！不过，box-shadow是很慢的！而且，如果你的input是用图片做背景的话，是没有办法做这么干的！

input:-webkit-autofill {

     -webkit-box-shadow: 0 0 0px 1000px white inset;

     -webkit-text-fill-color: #333;

}

所以

方法三：

是通过延长增加自动填充背景色的方式, 是用户感受不到样式的变化

input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus,

input:-webkit-autofill:active {

     -webkit-transition-delay: 99999s;

     -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;

}

由于我这里输入框是图片做背景，选择第二种并没有效果，所以选择第三种。

完美解决！