於是就百度了一下：
1.在谷歌瀏覽器會出現默認點擊input框黃色背景，如何去除？
//消除google瀏覽器黃色框
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
/*背景顏色*/
box-shadow:0 0 0 60px #eee inset;
/*字的顏色*/
-webkit-text-fill-color: #878787;}
方法一：
因為這玩意出現只有在之前有輸入記錄的情況下才會出現的，所以只有禁用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是用圖片做背景的話，是沒有辦法做這么干的！所以在實際開發中，到底是怎么選擇，那還得自己權衡！
2. 去掉所以點擊時背景有邊框或者虛框加個樣式就行，如：
input:focus{ outline: none;}
或者
input{outline:none;}
加完樣式之后：
