首页 > 技术文章 > 禁止chrome记住密码

liuyfl 2016-06-21 11:04 原文

谷歌浏览器保存密码后输入框背景色变成黄色,会影响原来的输入框样式,css样式input:-webkit-autofill可以改变输入框样式,background-color,background-image,color这三个属性无法通过!important覆盖原来样式,设置优先级,只能通过其他的样式(例如,box-shadow来覆盖黄色背景),但是如果原来的输入框背景是透明的或者是图片之类的,就没办法用这样的方式去修改,所以我采取禁用保存密码功能。比较简单就可以实现禁用功能的方法是,将表单的type='password'设置成text,添加focus事件改变type属性onfocus="this.type='password'" 再加上autocomplete='off'就可以达到禁止保存密码功能了。当然,通过js代码也是可以实现这个功能的,但是我觉得这样子比较简单方便。

推荐阅读