Как изменить цвет опции выбора с помощью CSS при зависании?

Question

<select style="width:245px;"> 
    <option value="rseleccionar">Seleccione..</option> 
    <option value="bs">Bienes Separados</option> 
    <option value="bm">Bienes Mancomunados</option> 
</select> 

Я хочу изменить синий цвет по умолчанию для другого.

Answer 1

Укладка select и option ярлык очень ограничен.

Это связано с тем, что способ отображения отображается в зависимости от браузера/ОС. Подумайте, что произойдет, когда вы нажмете тег select на своем телефоне. Вы не получаете раскрывающийся список, как ожидалось, в браузере рабочего стола. Таким образом, вы не смогли бы создать что-то универсальное, так как оно не изначально отображают сохранение везде.

возможности для укладки волос: в основном на select тег, но очень ограничено на option. Например, вы можете отключить родной стиль поле выбора:

select { 
    appearance: none; 
    /* may need vendors prefixes. */ 
} 

Другое решение: JQuery плагинов, которые моделируют поле выбора с помощью других HTML-теги:

• https://jqueryui.com/selectmenu/
• https://github.com/marcj/jquery-selectBox
• И все, что Google может вернуть вам ключевые слова «jQuery select box» :)

Answer 2

Элементы опции отображаются ОС, а не HTML. Вы не можете изменить стиль для этих элементов.

Answer 3

Попробуйте это, надеюсь, что он будет работать

<select class="hover_color" style="width:245px;"> 
    <option value="rseleccionar">Seleccione..</option> 
    <option value="bs">Bienes Separados</option> 
    <option value="bm">Bienes Mancomunados</option> 
</select> 

.hover_color:hover { background-color: red; border:1px solid red }