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) 改成内部阴影