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

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

Front-end 02.05.2015

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

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


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

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

Поделиться:

Отправить ответ

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

avatar
  Subscribe  
Notify of