去除chome表单自动填充样式

Posted 2021-03-17 xtreme

CSS:

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { /* 延迟动画 */
    -webkit-transition-delay: 9999s;
    transition-delay: 9999s;
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
    transition: color 9999s ease-out, background-color 9999s ease-out;
}

input:-webkit-autofill { /* 阴影透明，背景色效果 */
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    box-shadow: 0 0 0px 1000px transparent inset;
    border: 1px solid #ccc !important;
}