Chrome 表单背景是淡黄色的问题

今天发现一个bug，当填写表单用户名或密码错误时候，关闭表单模态框再打开时候，背景色是淡黄色，F12看到控制台中 user agent stylesheet里面有一个黄色背景但是不能修改，然后发现，我输入的用户名需求设为的是邮箱格式，然后我输入时候却不是

 

[input:not type] ,就会出现淡黄色背景，于是乎查了解决的办法

 

 

一：关闭浏览器自动完成功能 autocomplete

autocomplete=off ，即可，但是有一个问题，就是不能本地缓存已经输入的用户名，用户体验不好

二：input:-webkit-autofill {

-webkit-box-shadow: 0 0 0 1000px white inset !important;
} 

给input设置内置阴影，提示一下，如果不写inset默认就是外阴影，要记住加！important，不然速度慢，实现效果不好

 

转载于:https://www.cnblogs.com/alhh/p/6654967.html