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

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

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

原有高版本的控制方法,但是在大多数的浏览器中
通常我们会在form表单上加入autocomplete="off" 或者 在输入框中加入autocomplete="off"
但以上h5新加的方法并不好用,或者说chrome还部证明支持,不过提供了一个新思维,用这个方法能实现,可以加在任意一个你不想被填充的input标签内
autocomplete="new-password"

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

1 input:-webkit-autofill,
2 input:-webkit-autofill:hover,
3 input:-webkit-autofill:focus {
4 box-shadow:0 0 0 60px #eee inset;
5 -webkit-text-fill-color: #878787;
6 }

 

posted @ 2017-12-25 13:27  望涯客  阅读(447)  评论(0编辑  收藏  举报