项目中发现一个问题:只要在浏览器选择了记住密码,浏览器就会对表单自动填充,不单填充账号和密码,还会填充一个背景色,现在需要取消背景设的填充:
百度结果使用css实现
input{
-webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}
而在vue项目中使用element的表单,改变自动填充颜色要这样:
::v-deep .el-input {
input {
&:-webkit-autofill {
box-shadow: 0 0 0px 1000px white inset !important;
-webkit-text-fill-color: $cursor !important;
}
}
}