浏览器有时候会自动帮助我们记住账号密码,然后记住之后,input就被动的添加了一个颜色。(什么颜色不固定,我的是蓝色)
利用box-shadow为input添加内阴影
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset !important;
}
input:-webkit-autofill {
transition: background-color 5000s ease-in-out 0s;
}
因为浏览器在给input添加账号密码时,input背景色有一个从无到有的过程,所以我们利用transition为这
个过程添加一个N久的等待时间,这样浏览器就一直无法填充我们不喜欢的颜色了。