Блог
css 
16 марта 2024 г.
Убрать желтый фон у полей с autocomplete
css
Первый вариант
Добавить input свойство autocomplete="off", но в таком случае отключится автозаполнение формы.
Второй вариант
Задать большую внутреннюю тень для полей с цветом равным цвету желаемого фона.
input {
border: 2px solid #ccc;
font: 20px/20px 'Verdana';
padding: 8px;
outline: none; // Убираем обводку
// Магия CSS
&:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0 50px #fff !important; // Цвет фона
-webkit-text-fill-color: #999 !important; // цвет текста
color: #999 !important; // цвет текста
}
&:focus {
border-color: #40B4EA;
}
}