谷歌浏览器记得密码输入框的颜色会改变，字体颜色会变成黑色，如图

输入框的原始样式是这样的

但是，记住密码后，输入框的颜色变为黄色，字体变为黑色

这要归功于谷歌浏览器自身的风格：

input :-web kit-自动填充，textarea :-web kit-自动填充，select :-web kit-自动填充{ background-color: rgb(250，255，189)；背景-image:无；color: rgb(0，0，0)；}如果我们想记住密码，还想要之前的颜色，可以通过设置输入里面的阴影来覆盖黄色。css代码：

input :-web kit-自动填充{-web kit-box-shadow : 0 0 400 px # E8ced插图；}所以输入框变成

但是字体还是黑的。如果你想改变字体，那么

input :-web kit-自动填充{-web kit-box-shadow : 0 0 400 px # E8ced插图；-web kit-text-fill-color : # 666666；//设置字体颜色}

封锁谷歌浏览器，记住表单密码

解决谷歌浏览器表单中记住密码带来的各种bug。记住密码后，输入框看似有值，但用js表单验证时，却得不到值。为了解决这个问题，需要屏蔽浏览器的默认密码。代码如下：

输入id=' loginname '类型=' text '占位符='手机号码'自动完成=' off '输入id=' passwd '类型=' password '占位符=' password '自动完成='off '脚本$('# passwd ')。attr('type '，' text ')。focus(function(){ $(this))。attr('type '，' password ')；});/script以上就是边肖为了解决谷歌浏览器中记住密码输入框的变色功能而推出的JS。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！