css CSS片段用于覆盖输入文本的chrome自动完成样式

Posted 2021-05-13

/* used to override pale yellow color that chrome uses when user chooses an item from 
its autocomplete list */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;    
}

input:-webkit-autofill {
    -webkit-text-fill-color: #fff;
}

input:-webkit-autofill:focus {  
    -webkit-text-fill-color: #fff;
}