20.08.2018
Все сталкивались с ситуацией, когда в Хроме при автозаполнении некоторых полей, например email или name, или любых других полей, которые заполнялись ранее в браузере, фон поля становится желтым, и никакими способами с указанием фона для данного инпута не получалось поменять цвет на нужный.
Пример желтого фона инпутов в форме в браузере Chrome на скриншоте:
Решение довольно таки простое, просто добавьте в свой CSS-файл такие стили:
@-webkit-keyframes autofill { to { color: inherit; background: transparent; } } input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; }
Рабочий пример:
See the Pen aabNQM by Denis (@deniscreative) on CodePen.0