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

Front-end 02.05.2015

1 401

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

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


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