谷歌浏览器记住密码输入框变色功能自动填充功能

谷歌浏览器记住密码输入框颜色会变，字体颜色会变成黑色，如输入框原来的样式！[]但是，经过记住密码，输入框颜色变成黄色，字体变成黑色。这是由于谷歌浏览器的内置样式：input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{background-color:rgb(250,255,189);background-image:none;color:rgb(0,0,0);}如果我们想记住密码，还想要之前的颜色，可以通过设置input的内阴影来覆盖黄色，css代码：input:-webkit-autofill{-webkit-box-shadow:000400px#E8ECEDinset;}这样输入框变成了但是字体还是黑色，如果要换字体，输入：-webkit-autofill{-webkit-box-shadow:000400px#E8ECEDinset;-webkit-text-fill-color:#666666;//设置字体颜色}屏蔽谷歌浏览器记住表单密码，解决谷歌浏览器表单记住表单密码导致的各种bug密码。记住密码后，输入框好像有值，但是用js表单验证的时候，取不到值。为了解决这个问题，需要屏蔽浏览器默认的密码记忆功能，代码如下：问题：谷歌浏览器会自动填写密码，这在某些方面很方便，但也会有意想不到的效果,比如填充的颜色变成黄色颜色可能与设计不匹配。主要原因是浏览器给input添加了样式：input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{background-color:rgb(250,255,189);背景图像：无；颜色：rgb(0,0,0);解决方案之一可以是覆盖浏览器的样式，但我们可以尝试更复杂的解决方案：解决方案：在旧版本的谷歌浏览器中，可以使用以下方法：1有效对于整个表格；1对单次输入有效；在新版谷歌浏览器中，autocomplete="off"失效了，你需要尝试以下方法：用法是在表单中加入这两行代码，并且那么这个名字需要改成禁止填写的input。原理是谷歌浏览器会自动填充这个输入，而不是你代码中显示的实际输入，从而绕过谷歌浏览器的自动填充功能；（注：见其他内容记录一下）