Как стилизовать элементы списка с помощью тега option в разных браузерах?

Стилизация элемента <option> невозможна, так как его представление находится за пределами CSS. hcdev.ru

Однако есть некоторые рекомендации по стилизации элемента <select>, в котором используется <option>: sky.pro www.internet-technologies.ru

• Использовать атрибут style. sky.pro Применение атрибута непосредственно к <option> позволяет добиться согласованности между браузерами. sky.pro
• Использовать JavaScript. sky.pro Для применения стилей к выбранным элементам <option> рекомендуется использовать JavaScript, так как в CSS ему не соответствует псевдокласс :selected. sky.pro
• Использовать стабильные атрибуты. sky.pro Некоторые из них, например, color и background-color, функционируют стабильно. sky.pro
• Учитывать особенности разных браузеров. www.internet-technologies.ru Например, Firefox, Chrome, IE11 и IE10 отображают элементы одинаково, но вид стрелки отличается. www.internet-technologies.ru IE9 и предыдущие версии не поддерживают градиент фона, IE8 и предыдущие версии не поддерживают для SELECT CSS тени и закруглённые углы рамки, IE7 и предыдущие версии не поддерживают поля. www.internet-technologies.ru