#css #firefox #input #autofill #yellow
#css #firefox #ввод #автозаполнение #Желтый
Вопрос:
Несколько дней назад мой Firefox Developer Edition обновился до версии 67.0b2 (64-разрядная версия). С тех пор все автоматически заполняемые поля ввода имеют желтый фон буквально на каждом веб-сайте.
Как я могу избавиться от желтого цвета автозаполнения?
Изменение цвета вставки-тени, похоже, работает не так, как в Chrome.
Ответ №1:
Firefox 94 и новее
Просто измените цвет фона ввода в вашем css:
input:autofill {
background: #fff; /* or any other */
}
Если вы хотите удалить фон автозаполнения только в вашем браузере Firefox, установите layout.css.autofill.background значение false в about:config .
Firefox 67 (2019-05-21) — 94 (2021-11-02; исключая)
Добавьте это в свой css:
input {
filter: none;
}
Почему? В нижней части view-source:resource://gre-resources/forms.css мы можем видеть это:
:-moz-autofill, :-moz-autofill-preview {
filter: grayscale(21%) brightness(88%) contrast(161%) invert(10%) sepia(40%) saturate(206%);
}
И это является причиной желтого цвета фона автозаполнения.
Ответ №2:
Для firefox 94.0
Чтобы это заработало, дополнительно мне пришлось изменить этот параметр на false в about:config :
layout.css.autofill.background = false
Комментарии:
1. Есть ли способ заставить его работать, не требуя от пользователей изменять настройки своего браузера?
2. Я не знаю, я бы спросил об этом команду firefox или опубликовал отчет об ошибке на их сайте bugzilla.
Ответ №3:
У меня это работает с использованием Firefox 99.
box-shadow: 0 0 0 40px {COLOR} inset !important;
к сожалению, вы не можете изменить цвет на прозрачный, он все равно будет желтым.