input[type='password']在chrome上自动填入带来的样式问题最终解决办法

/* 输入框在chrome上的自动填入背景色 v2*/
方法一：
给input加上以下样式
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #293d6b inset !important; 自动填入后的背景颜色
}
input:-webkit-autofill {
-webkit-text-fill-color: #fff !important; //自动填入后的字体颜色
}
添加autocomplete="off"属性 取消input的自动填入功能 但是在chrome上是不生效的

方法二：
将input[type=“password”]设为input[type=“text”]，当onfocus的时候将type类型改成password

方法三：
在密码框上的添加两个隐藏的输入框使之不会自动填入

后两种方法感觉还是不太可行