Firefox, CSS, select: Цвет выделенного элемента

Привет

Предыстория: в Firefox 53 что-то поломали, и теперь select коряво отображается в тёмной теме. Редактирую userContent.css, но не всё получается.

Test case: есть select размером 5 с 3 элементами. Нужно сделать 1) для всего: фон жёлтым, шрифт красным 2) для выделенного элемента: фон зелёным, шрифт синим. Как?

Эксперименитровать хорошо здесь: http://codepen.io/shabbirl/pen/FLxco

Вот это не работает:

HTML:

<select size=5>
  <option>one</option>
  <option>two</option>
  <option>three</option>
</select>

select {
  background-color: yellow;
  color: red;
}
option:checked{
  background-color:green;
  color: blue;
}