O Google Chrome (e outros navegadores do webkit) altera a cor de fundo para amarelo nas entradas preenchidas automaticamente em um formulário.
A abordagem mais comum que a maioria das pessoas tenta é algo assim:
input:-webkit-autofill {
background-color: white !important;
}
No entanto, o código acima não funciona . Por algum motivo, o Google Chrome ignora essa regra CSS.
Uma boa solução alternativa para isso é este hack simples :
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
Chega de formulários autocompletados feios 🙂