Alterar a cor de fundo para entradas autocompletadas no Google Chrome

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 🙂