Firefox переопределяет стиль html select option

Хорошо, так что это раздражало меня сейчас в течение некоторого времени, и я не могу понять, что вызывает это. Мне интересно, есть ли у кого-нибудь еще эта проблема или это заметили.

В моем css у меня есть параметры выбора html в стиле, похожий на этот

вариант выбора Firefox для Firefox

На некоторых компьютерах он выглядит так, как я его стилизовал, а на некоторых он кажется, что что-то переопределяет стиль, а затем выглядит так:

стиль переопределения стиля Firefox:></a></p>  <p>Некоторые факты до сих пор помогают определить, что вызывает это. Все компьютеры, на которых я тестировал, запускают окна 7. У моего основного компьютера, имеющего множество установленных программ, этого не было. У моего ноутбука такая проблема. У моей маленькой ПК, у которой есть чистая установка с очень небольшим количеством программ, есть эта проблема, также нет каких-либо продуктов adobe. На ПК с проблемой, если я обновляюсь в firefox, проблема исправлена ​​примерно 5-10 минут, а затем возвращается.</P>  <p>Если это была проблема CSS, почему бы временно обновить firefox, а потом вернуться?</p>  <p>Это заставляет меня думать, что некоторый фоновой плагин или настройка извлекаются после обновления.</p>  <p>Может ли это быть какое-то другое приложение на окнах, вызывающее это?</p>  <p>Может кто-нибудь сказать мне, могут ли они воспроизвести эту проблему, а также как исправить это и что вызывает ее?</p>  <p>Вот мой CSS</p>  <pre><code>SELECT {     color: #555558;     font-size: 16px;     margin: 0px 0px 8px 12px;     padding: 2px 0px 2px 5px;     width: 203px; } </code></pre>  <p>HTML</p>  <pre><code><select> <option> - Select a Page - </option> <option>Home Page</option> <option>About Us</option> <option>Camping Tips</option> </select> </code></pre>  <p>Я написал несколько месяцев назад об этой проблеме, но теперь проблема не связана с версией firefox или CSS, поэтому предоставленные ответы ошибочны. <a href= Удалил ли 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*/