Removing input background colour for Chrome autocomplete code example
Example 1: Removing input background colour for Chrome autocomplete?
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
}
// https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete
Example 2: remove background when autofill input css
@-webkit-keyframes autofill {
0%,100% {
color: #666;
background: transparent;
}
}
input:-webkit-autofill {
-webkit-animation-delay: 1s;
-webkit-animation-name: autofill;
-webkit-animation-fill-mode: both;
}
Example 3: how to get rid of background white of input by browser
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}