如何去除Chrome浏覽器表單文本框Input自動填充黃色背景色樣式？

在修改ET系統登入頁面時，發現使用谷歌的Chrome浏覽器通路登入頁面的表單，文本框背景色自動填充為黃色。怎麼修改樣式，都不起效果，百度了一下，才發現是Chrome浏覽器自動填充的原因！

上圖是Chrome浏覽器自動填充為黃色的樣式。這是由于Chrome會預設給自動填充的input表單加上input:-webkit-autofill私有屬性，然後對其賦予以下樣式：

input:-webkit-autofill {

background-color: #FAFFBD;

background-image: none;

color: #000;

}

如果要去除這個樣式，可以對這個樣式重新指派。

為input設定如下樣式：

input:-webkit-autofill,

{

-webkit-box-shadow: 0 0 0 1000px white inset;  //使用足夠大的純色内陰影覆寫黃色背景

}

點評和總結：該方法通過樣式，來達到去除input表單私有屬性的目的。