Chrome浏览器表单自动填充默认样式透明

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;
}

 

如上所示代码，为设置input 背景自动填充时候的透明效果。

 

或者我们也可以修改为纯色背景;如下所示：

input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px white inset;
 -webkit-text-fill-color: #333;
}

　　

 

转载于:https://www.cnblogs.com/Viagra/p/8809393.html