不知道大家平时做项目的时候有木有关注这个问题,其实之前做项目遇到过类似的问题,但是因为是单独的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 }