关于chrome浏览器的帐号密码和背景色的填充问题

Posted 望涯客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于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 }

 

以上是关于关于chrome浏览器的帐号密码和背景色的填充问题的主要内容,如果未能解决你的问题,请参考以下文章

如何解决谷歌浏览器保存密码后文本框出现淡黄色背景色的显示问题

CSS怎样修改chrome记住密码后自动填充表单的黄色背景?

京东商城登录密码可以弹出来?

解决Google浏览器保存密码自动填充

React中禁止chrome填充密码表单

React中禁止chrome填充密码表单