HTML輸入框input標簽自動填充背景色如何取消？

HTML輸入框input標簽在自動填充時，瀏覽器一般默認會為input標簽自動填充一種淡藍色作為背景色。對于這種背景色，有些開發者喜歡，但也有很多開發者不喜歡。

對于喜歡這一特性的開發者而言，這倒沒什么，但對于不喜歡這一特性的開發者而言，想要取消它卻可能突然發現不知從哪里入手，因為普通的css中根本沒學過這一特性。

【解決】

其實，在較高版本的瀏覽器當中，是存在控制HTML輸入框input標簽自動填充后背景色的控制的，這就是CSS的[ autofill偽類 ] 。以谷歌瀏覽器chrome為例，

input:-webkit-autofill {

  	transition: background-color 5000s ease-in-out 0s;

}

通過CSS的[ autofill偽類 ] 如上設置，那么頁面上所有的自動填充input輸入框在自動填充后，就不再會出現默認的背景色了。

另外，CSS還支持變更自動填充input輸入框在自動填充后的字體顏色，設置方式如下：

input {

	-webkit-text-fill-color: #0c3ce9;  //顏色是設置成你需要的顏色

}