Изменение <select> цвет подсветки

Question

Как изменить цвет подсветки <select>, который является цветом, выделяющим <li>, в то время как курсор проходит через него с помощью CSS?

Answer 1

Понятия не имею, что вы имеете в виду о «цвете, что подчеркивает <li> ", но похоже, что вы хотите изменить цвет фона <option> элементов. Я попробовал, и он не работает, вы всегда получаете цвет системы.

Если вы хотите, чтобы выделить весь <select> элемент при наведении курсора мыши, это своего рода работы:

select:hover { background-color: red; } 

Однако поведение отличается в разных браузерах. Например, Chrome не выделяет опции в раскрывающемся списке; Firefox делает, но затем он не меняет их обратно, если вы отпустите мышь, и они все еще сбрасываются.

Как было указано на многих, многих подобных вопросах, вы не можете надежно управлять формами формы. See here для более подробной информации.

Answer 2

Вы можете использовать: парить псевдо-класс

например

.classOfElementToColor:hover {background-color:red; color:black} 

Работает с большинством браузеров, но не на всех элементах в IE6 не

Answer 3

Просто используйте этот селектор CSS:

select option:hover { 
    background-color: yellow; 
} 

Answer 4

Как уже упоминалось выше, установка background-color будет работать, однако :hover глючит в IE7 - настройка Вашего доктайп строгой поможет.

Answer 5

Вы не можете изменить цвет подсветки из вариантов через что-то вроде ->background:#f9f9f9

Вы можете сделать что-то вроде этого:

  select > option:hover{ 
       box-shadow: 0 0 10px 100px #FED20F inset; 
       transition: all .2s ease-in-out; 
      }