解决edge浏览器 chrome浏览器 input 框自动填充颜色问题

 在网上找了好多案例还是没有解决这种背景问题 一度想要放弃 使用  opacity 

最后还是找到的一段可以解决的css代码 上图

 

input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus,

input:-webkit-autofill:active {

  -webkit-transition-delay: 99999s;

  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;

}