关于chrome浏览器的帐号密码自动填充以及出现的黄色背景色填充问题

不知道大家平时做项目的时候有木有关注这个问题，其实之前做项目遇到过类似的问题，但是因为是单独的chrome浏览器的填充，而且是样式问题稍微严重点，也就没在意。然而在近期的项目中有遇到了这个问题，最为一个新的网站，第一次登陆或是注册就被填充，这个问题，细思极恐.

话不多说以下是解决问题的方法:

原有高版本的控制方法，但是在大多数的浏览器中

通常我们会在form表单上加入autocomplete="off" 或者在输入框中加入autocomplete="off"

但以上h5新加的方法并不好用,或者说chrome还部证明支持,不过提供了一个新思维,用这个方法能实现,可以加在任意一个你不想被填充的input标签内

autocomplete="new-password"

　这个方法也许还有兼容性的问题,因为这个autocomplete的方法是h5新加的,所以为了效果还需加上私有属性的相关设置

 input:-webkit-autofill,

 input:-webkit-autofill:hover,

 input:-webkit-autofill:focus {

 box-shadow:0 0 0 60px #eee inset;

 -webkit-text-fill-color: #878787;

 }

巴特西

关于chrome浏览器的帐号密码自动填充以及出现的黄色背景色填充问题

最新文章

热门文章