设置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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM