Блог

Главная - Вопросы по программированию - Как вы оформляете входные данные автозаполнения в Firefox?

Как вы оформляете входные данные автозаполнения в Firefox?

#css #firefox #autofill

#css #firefox #автозаполнение

Вопрос:

input:-webkit-autofill может использоваться для Chrome / Safari, но input:-moz-autofill , похоже, ничего не делает. Есть ли способ настроить стили автозаполнения в Firefox?

Комментарии:

1. На первый взгляд кажется, что это несовместимо с Firefox

2. Да, это не поддерживается, как вы выяснили (и Miro связан с). Вот некоторое обсуждение: bugzilla.mozilla.org/show_bug.cgi?id=740979 . В теме кто-то ссылается на это: paul.kinlan.me/detecting-when-autofill-happens который имеет обходной путь при обнаружении автозаполнений, позволяющий использовать JS.

Ответ №1:

Для Firefox вы можете сделать это:

 input {
  filter: none;
}

Комментарии:

1. Это должен быть принятый ответ

Ответ №2:

Вы можете оформить автозаполнение в Firefox, но только с помощью webkit-префикса. (:-webkit-автозаполнение)

Чтобы изменить цвет фона, который вам нужен filter:none и трюк с тенями, который также необходим в Chrome.

 :-webkit-autofill { /* also works for firefox! */
    filter:none; /* u need this for firefox */
    box-shadow: 0 0 0 100px #8f88 inset;
}