用layui表单做项目谷歌浏览器 input框 背景色问题 汇总和解决

用layui表单的时候,要求input框背景色为深色, 但是在谷歌调试的时候总是有一个黄色的背景色 , 再输入内容的时候又变成了白色.怎么改都不行?

解决: 查了博客,说是谷歌默认的自带属性影响了

1.input:-webkit-autofill{            //设置盒子阴影来覆盖黄色背景 可以决绝没输入的时候的 背景色问题 但是有操作的时候又不行了
　　-webkit-box-shadow: 0 0 0 400px #000 inset !important;  //保险起见还是加上important最好

       -webkit-text-fill-color: #fff !important;//可加可不加

       outline:none;//去掉选中轮廓线
}

2.要解决输入的时候背景色变白色 可以设置input

input{

       background:transparent; //设置背景色为透明即可   反正我设置了这两个就解决了

}

3.当然 碰到文本框或者下拉选中框也有这类问题的话

textarea:-webkit-autofill, select:-webkit-autofill //可以借鉴上边的 操作试一试