设置input自动填充的背景颜色

Chrome下的输入框控件如果选择了保存的自动填充的值,背景颜色将变成黄色并且无法通过css的background属性修改

事实上有很多方法可以进行这个背景颜色的更改,下面记录一个简单的方法

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
     -webkit-box-shadow: 0 0 0 68px #393A59 inset;
}

此方法适用于输入框背景为纯色的场景,若要更改文本颜色css的color属性也不能直接修改,添加属性

-webkit-text-fill-color: white!important

 

posted @ 2020-12-02 10:10  neeter  阅读(1535)  评论(0编辑  收藏  举报