手记

关于谷歌浏览器input框,保存密码后,输入框颜色变成黄色的解决方法

本人在工作中遇到这个问题,即在谷歌浏览器预览自己的登录页面,保存密码后,输入框颜色会变成黄色,原因是因为chrome默认会给自动填充的input表单加上input:-webkit-autofill私有属性。那如何去掉黄色的背景颜色,经过在网上搜索,最终使用了如下方法:

input:-webkit-autofill{
    -webkit-box-shadow: 0 0 0px 1000px white inset;//使用足够大的纯色阴影来覆盖input输入框黄色背景颜色
   border:1px solid #666 !important;//根据自己的输入框边框设置
}
2人推荐
随时随地看视频
慕课网APP