chrome input 的背景黄色

如何去掉 chrome input 的背景黄色

当我们登录网站并且浏览器记住密码的时候，在 chrome 中 input 会带上黄色背景，影响美观。解决方案如下：

input:-webkit-autofill { 
    -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.5) inset !important;
}

当然，你也可以使用方案二，如下：

input:-webkit-autofill { 
    -webkit-animation-name: autofill;  -webkit-animation-fill-mode: both;
}
@-webkit-keyframes autofill {  
    to {    color: #fff;    background: transparent;  }
}