1.设置box-shadow阴影覆盖默认样式
input:-webkit-autofill {
box-shadow: 0 0 0px 1000px rgba(54,71,130,1) inset !important;
-webkit-text-fill-color: #fff !important;
-webkit-background-clip:text;
}
2.通过延长增加自动填充背景色的方式, 让用户感受不到样式的变化:
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;
}