css系列——消除瀏覽器自動填充時的背景色

因爲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;  //使用足夠大的純色內陰影覆蓋黃色背景
}

box-shadow語法

box-shadow: h-shadow v-shadow blur spread color inset;
h-shadow——必需。水平陰影的位置。容許負值
v-shadow——必需。垂直陰影的位置。容許負值
blur——可選。模糊距離
spread——可選。陰影的尺寸
color——可選。陰影的顏色。請參閱 CSS 顏色值
inset——可選。將外部陰影 (outset) 改成內部陰影