Убрать желтый фон у полей с autocomplete в современных браузерах

Front-end 02.05.2015

1 167

Вы наверное замечали, что если однажды вводил данные в форму, то в следующий раз вам предлагает браузер заполнить поля уже ранее введенными параметрами. Так вот, если вы выбираете что-то из этого выпадающего списка – ваше поле ввода становится желтого цвета. Порой это несколько мешает. В интернете много способов избавиться от этого, но увы, во-первых они не всегда работают, во вторых некоторые из них довольно громоздкие.

В этом случае вам поможет простое css-правило:


input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff !important; /* Цвет фона */
    -webkit-text-fill-color: #9196A1 !important; /* цвет текста */
    color: #9196A1 !important; /* цвет текста */
}

В данном случае задается большая внутренняя тень для полей с цветом желаемого фона.