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

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

①原因

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

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

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

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

 

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

 

 

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

但是我加了之后，还是有

 

 

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