Как убрать желтый фон при автозаполнении полей формы в браузере Google Chrome

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

Полезная инфа:

Оставить комментарий