Firefox переопределяет стиль html select option
Хорошо, так что это раздражало меня сейчас в течение некоторого времени, и я не могу понять, что вызывает это. Мне интересно, есть ли у кого-нибудь еще эта проблема или это заметили.
В моем css у меня есть параметры выбора html в стиле, похожий на этот
![вариант выбора Firefox для Firefox]()
На некоторых компьютерах он выглядит так, как я его стилизовал, а на некоторых он кажется, что что-то переопределяет стиль, а затем выглядит так:
Удалил ли Firefox 48 возможность стилирования элемента select?
Вот список плагинов, как указано выше, установка по умолчанию создает эту проблему.
![введите описание изображения здесь]()
Ответы
Ответ 1
Итак, решение здесь состоит в том, чтобы отключить → Многопроцессорное Windows
введите about: config в браузере
затем поиск для browser.tabs.remote.autostart (у меня был browser.tabs.remote.autostart.2)
измените это на ЛОЖЬ, затем перезапустите браузер, это заставит Firefox запускать многопроцессную Windows отключенной, что решает проблему
![enter image description here]()
Ответ 2
Это, кажется, ошибка, появившаяся с момента выпуска многопроцессорного Firefox. Подробнее о электролизе здесь: https://wiki.mozilla.org/Electrolysis
Если вы используете Firefox 48 или новее, вы можете использовать e10s уже. Проверьте: поддержка и поиск номера выше 0 в записи "Многопроцессорные окна".
Скорее всего, затронутые компьютеры связаны с включением Multiprocess. Эта проблема отслеживается в Bugzilla: https://bugzilla.mozilla.org/show_bug.cgi?id=910022
Проблема должна решить проблему с выпуском Firefox 54.
Ответ 3
Пожалуйста, попробуйте этот код
/* FIREFOX FIX из уродливых ящиков */
@supports (-moz-appearance:none) {
select
{
-moz-appearance:none !important;
background: transparent url('data:image/gif;base64,R0lGODlhBgAGAKEDAFVVVX9/f9TU1CgmNyH5BAEKAAMALAAAAAAGAAYAAAIODA4hCDKWxlhNvmCnGwUAOw==') right center no-repeat !important;
background-position: calc(100% - 5px) center !important;
}
}
Спасибо
Ответ 4
тестовый код:
-webkit-appearance: none; /* Remove style Chrome */
-moz-appearance: none; /* Remove style FireFox */
appearance: none; /* Remove style FireFox*/