Jak wylaczyc zmienianie kolory pól formularza przy autouzupelnianiu

Question

Witam, stylizuje sobie formularz do logowania i napotkalem na problem. Chce zeby pole bylo jednolite jak na screenie: 

Niestety kiedy uzupelni sie automatycznie np przez chrome to tlo zmienia kolor: 

Jest jakis sposob zeby wylaczyc te zmienianie tla przez CSS/JS? Z gory dzieki za pomoc ;)

Answer 1

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: green;//możesz skorzystać, ale nie musisz
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}

Powinno rozwiązać problem dla wszystkich inputów 

Comments

Dzięki bardzo, jak będę miał dostęp do kompa to sprawdzę ;)

---

AFAIR nie działało swego czasu w Chrome, a już na pewno w Operze. Do tego nie rozwiązuje problemy w niczym innym jak w Safari i Chrome.

Smutna prawda jest taka, że tych kolorów nie da się za bardzo zmienić.

---

Super, działa. Dzięki wielkie! :D