CSS как задать цвет элемента select > option при наведении на него курсора?

Question

[mr_blond97]

select содержит option, нужно задать цвет при наведении на option курсора, для примера на картинке у option'а как то задан оранжевый бэкграунд и белый color
< select>
< option>1< /option>
< option>2< /option>
< /select>

Answer 1

[Роман]

Ответ легко гуглится на стаковерфлоу

option:hover {
box-shadow: 0 0 10px 100px orange inset;
}

Comments

[mr_blond97]

это нормально, что на фидл такое не получается сделать? jsfiddle.net/mr_blond97/Lvo1gx44/2

[Роман]

Я на ФФ смотрел - работает. А вот на вебкитовских браузерах - нет.
Так что только JS или jQuery

[mr_blond97]

разбираю селект2, прикрутил select2.css и select2.min.js, можете сказать, как добраться до параметра цвета в "ховер" или может там ховер не используются даже?

[kiberlain]

mr_blond97: так а что там искать-то?
вот .select2-container--default [aria-selected].select2-results__option--highlighted

Answer 2

[IceJOKER]

а зачем JS для этого ?

option:hover
{
  background: orange;
  color: #fff;
}

^^^ данный способ работает совместно с атрибутом size да и не очень правильно.
как оказалось:
In general, you can't. This element is rendered by the OS, not HTML. It cannot be styled via CSS.

Comments

[mr_blond97]

у меня не вышло: jsfiddle.net/mr_blond97/Lvo1gx44