chrome浏览器input的自动完成，点击之后自动输入，input的背景会变成香蕉黄，用如下方法修复：

/* Change the white to any color ;) 就是给input设置内置阴影！而且一定要大，至少要比你的input本身大，不过，box-shadow是很慢的，而且，如果你的input是用图片做背景的话，是没有办法做这么干的*/input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 100px white inset;}/* Additionally, you can use this to change the text color: */-webkit-text-fill-color: yellow !important;

或者

/* Change Autocomplete styles in Chrome*/input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focusinput:-webkit-autofill, textarea:-webkit-autofill,textarea:-webkit-autofill:hovertextarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus {
       border: 1px solid green;    -webkit-text-fill-color: green;    -webkit-box-shadow: 0 0 0px 1000px #000 inset;    transition: background-color 5000s ease-in-out 0s;}

或者直接关闭chrome的自动完成

<input type="text" autocomplete="off">

或

<form autocomplete="off"></form>

 

参考：https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete

           https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/