poner - Cambiar el color de fondo de la opción Seleccionar lista al colocar el cursor sobre html

como poner color de fondo en html en bloc de notas

Question

Esta pregunta ya tiene una respuesta aquí:

• Cambiar el color de fondo de la opción Seleccionar lista en hover 7 respuestas

¿Es posible cambiar el color de fondo predeterminado de la opción de lista de selección en el vuelo estacionario?

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;
}

He intentado la opción :hover{background-color:red;} , pero no sirve de nada. ¿Alguien sabe cómo hacer esto?

Answer 1

Actualmente no hay forma de aplicar un CSS para obtener el resultado deseado. ¿Por qué no utilizar bibliotecas como select2 o select2 ? Estos le permiten diseñar de la manera que desee.

Si no quieres utilizar bibliotecas de terceros, puedes hacer una lista simple sin ordenar y jugar con algunas CSS. Aquí hay un hilo que puedes seguir

¿Cómo convertir el menú desplegable <select> en una lista desordenada usando jquery?

Answer 2

No, no es posible.

En realidad, si no utiliza selecciones nativas, si crea un widget de selección personalizado de elementos html, te "li".