Я пытаюсь изменить цвет фона выпадающего списка.Это работает в Chrome, Safari и Firefox.Однако при изменении цвета фона элемента select в Firefox на любое значение, отличное от #FFFFFF, внешний вид выпадающего меню изменяется.Похоже, что Firefox больше не использует стандартный интерфейс MacOS для выпадающего меню: закругленные углы исчезли, появляются полосы прокрутки, а размер шрифта, интервалы и сглаживание отличаются.
Я пытался повозиться с -moz-appearance: none; или нацеливание на элементы опций, но ни одна из них не решает проблему.
Пример #FFFFFF выбора фона в Firefox: 
Пример выбора любого другого цвета фонав Firefox: 
В Chrome & Safari правильно работает раскрывающийся список цветов фона: 
Codepen, сравнивая различные результаты: https://codepen.io/ian-pvd/pen/XxdKJB
(Просмотрите его в Firefox и сравните результаты с другими браузерами.)
Существует ли какой-либо стиль или хак, который предотвращает это или вынуждает выбранный раскрывающийся список использовать системный интерфейс?
Firefox: 62.0.2 Chrome: 69.0.3497.100 Safari: 11.0.3 ОС: macOS 10.13.3