本人在工作中遇到这个问题,即在谷歌浏览器预览自己的登录页面,保存密码后,输入框颜色会变成黄色,原因是因为chrome默认会给自动填充的input表单加上input:-webkit-autofill私有属性。那如何去掉黄色的背景颜色,经过在网上搜索,最终使用了如下方法:
input:-webkit-autofill{
-webkit-box-shadow: 0 0 0px 1000px white inset;//使用足够大的纯色阴影来覆盖input输入框黄色背景颜色
border:1px solid #666 !important;//根据自己的输入框边框设置
}