Убрать желтый фон у полей с autocomplete в современных браузерах
Вы наверное замечали, что если однажды вводил данные в форму, то в следующий раз вам предлагает браузер заполнить поля уже ранее введенными параметрами. Так вот, если вы выбираете что-то из этого выпадающего списка — ваше поле ввода становится желтого цвета. Порой это несколько мешает. В интернете много способов избавиться от этого, но увы, во-первых, они не всегда работают, во вторых некоторые из них довольно громоздкие.
В этом случае вам поможет простое 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; /* цвет текста */
}
В данном случае задается большая внутренняя тень для полей с цветом желаемого фона.