Cambiar Seleccionar Opción de Lista color de fondo al pasar el ratón por html [duplicar]

Esta pregunta ya tiene una respuesta aquí:

¿Es posible cambiar el color de fondo predeterminado de la opción seleccionar lista al pasar el ratón por encima?

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 probado la opción :hover{background-color:red;}, pero no sirve de nada. ¿Alguien sabe cómo hacer esto?

Author: Krishna Kumar, 2013-07-19
Source

2 answers

Actualmente no hay forma de aplicar un css para obtener el resultado deseado . Por qué no usar bibliotecas como choosen o select2 . Estos le permiten estilo de la manera que desee.

Si no desea utilizar bibliotecas de terceros, puede hacer una lista simple sin ordenar y jugar con algo de css.Aquí está el hilo que podría seguir

Cómo convertir

 20
Author: Kiran Ruth R,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-05-23 12:24:14

No, no es posible.

Es realmente, si no se utiliza native selects, si se crea widget de selección personalizada a partir de elementos html, t.e. "li".

 3
Author: maximkou,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-07-19 07:37:28