How to style a select tag's option element?

Question

I\'m trying to set the style of an option in a select dropdown menu in Google Chrome. It works in all browsers except IE9 and Chrome.

Answer 1

It's a choice (from browser devs or W3C, I can't find any W3C specification about styling select options though) not allowing to style select options.

I suspect this would be to keep consistency with native choice lists.
(think about mobile devices for example).

3 solutions come to my mind:

• Use Select2 which actually converts your selects into uls (allowing many things)
• Split your selects into multiple in order to group values
• Split into optgroup