Изменить Выбрать список Опция цвет фона при наведении курсора в html

Можно ли изменить цвет фона по умолчанию для параметра списка выбора при наведении?

HTML:

<select id="select">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>

select {
    -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;
}

select:hover {    
    background-color:gren;
}

option:hover {
    background-color:yellow;
}

option {
    -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;
    color:blue;
    background-color:yellow;
}

Я пробовал вариант :hover{background-color:red;}, но это бесполезно. Кто-нибудь знает, как это сделать?

Ответ 1

В настоящее время нет способа применить css для получения желаемого результата. Почему бы не использовать библиотеки, такие как выбрать или select2, Они позволяют вам стиль, который вы хотите.

Если вы не хотите использовать сторонние библиотеки, вы можете сделать простой неупорядоченный список и сыграть с некоторым css.Here это поток, который вы могли бы выполнить

Как преобразовать <select> выпадающий список в неупорядоченный список с помощью jquery?

Ответ 2

Нет, это невозможно.

Это действительно, если не использовать собственные выборки, если вы создаете пользовательский виджет выбора из элементов html, т.е. "Ли".