解决谷歌浏览器给输入框input自动填充问题


一,禁止自动填充账号密码行为

①原因

大部分浏览器会记住用户登陆时输入用户名的input标签中属性type的值,同时也记住输入密码的input标签中属性type的值,

②火狐浏览器和谷歌浏览器的解决办法

这时候我们可能会在 input上 加上 autocomplete="off" 这个属性来阻止input被自动填充,但是有时候不起作用。

因为浏览器已经很智能的支持密码保存了,这时候我们还可以到密码框input上加一个属性:autocomplete="new-password"

 

二,解决自动填充的背景色

 

 

这个填充色是由浏览器伪类input:-webkit-autofill来实现的

但是我加了之后,还是有

 

 

在网上搜索后,发现了一个神解决方法,使用盒子阴影来盖住,解决了这个背景色的问题

 

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM