chrome表单自动填充完成后input/textarea/select背景色无法去除
Author：zhoulujun Date：
谷歌浏览器input框自动填充内容后，背景颜色变为黄色或者灰色的，怎么解决。
一个是给form或者input 添加 autocomplete="off"属性，但是对于比如登录框，记住密码后自动填充用户名与密码，也还是会
给表单input等选项背景设置为none，但是实际不起作用。因为webkit内核有个 -webkit-autofill私有属性
背景色不起作用，具体why 还请路过大神赐教。个人还是也是网上抄来的方法，用阴影覆盖(颜色设置为input想要的背景色即可)，代码如下
input,textarea,select {
border: none;
background: none;
&:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #e5e5e5 inset;
}
}但是这个模式，有个缺点就是，无法设置为半透的颜色
input:-webkit-autofill {
-webkit-animation: autofill-fix 1s infinite;
-webkit-text-fill-color: #fff;
}
@-webkit-keyframes autofill-fix {
from {
background-color: transparent
}
to {
background-color: transparent
}
}让颜色永远在 transparent 到 transparent 进行循环动画。
参考文章：
chrom下修改input输入框默认背景色 https://blog.csdn.net/weixin_41849462/article/details/100020627
input:-webkit-autofill 导致chrome的输入框背景颜色变成黄色 https://www.cnblogs.com/garfieldzhong/p/4759690.html
转载本站文章《chrome表单自动填充完成后input/textarea/select背景色无法去除》,
请注明出处：https://www.zhoulujun.cn/html/webfront/style/cssBase/2017_0524_8414.html