去除谷歌浏览器记住账号密码的input框黄色背景

1.直接覆盖阴影，加入这个css属性即可。

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

2.google 浏览器记住密码黄色背景很令人讨厌，以前通过autocomplete= off等各种正统方法来去掉，但很遗憾的是现在这些方法都不管用了，目前得用一些奇技淫巧才能解决，网上说的通过设置内阴影的方法要慎用，如果input背景是黑色，则会造成文字显示异常，下面这种方法经测试，在各个浏览器表现良好，原理是通过transition颜色变换，此方法会引起光标颜色异常。可以使用caret-color是新出的属性来设置光标颜色，如果要兼容ie678，注意兼容性。

先在input对应的css中设置：
-webkit-text-fill-color: #ffffff;
caret-color: #fff; /* 光标颜色 */
然后添加伪类：
input:focus { outline: none; }
input:-webkit-autofill { 　-webkit-text-fill-color: #000 !important;　-webkit-text-fill-color: #ffffff;
transition: background-color 5000s ease-in-out 0s; }
 

 

来源：https://blog.csdn.net/wang1006008051/article/details/81699838

https://blog.csdn.net/a19905522/article/details/79130689