Can I colour backgrounds of selected items in HTML select options with CSS only?

Question

I\'ve searched around a lot and see people suggesting that:

::-moz-selection {background: red;}
::selection {background: red; }

..works for

Answer 1

::selection doesn't apply to selected options; it applies to highlighted text. Either you're misinterpreting their suggestions, or what they said is flat-out wrong.

According to this answer, you're supposed to be able to use option:checked for styling the selected items:

#dropdowns option:checked {
    background: red;
}

But I haven't been able to get it to work for or elements in this test fiddle.