禁止chrome记住密码

Posted 2020-07-28 不愿相离

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