去掉chrome记住密码后的默认填充样式

当chrome记住密码的时候，input框的背景会默认填充为黄色,如图所示



这是因为chrome做了这些个操作



对chrome默认定义的background-color，background-image，color使用important是不能提高其优先级的，其他属性可使用。

使用足够大的纯色内阴影来覆盖input输入框的黄色背景，处理如下

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
border: 1px solid #CCC!important;
}

设置后结果如图



附加：我的项目是基于vue-cli的，在vue-cli项目中的index.html中，设置以上样式即可