Avisos
Vaciar todo

hover del option en un select

8 Respuestas
4 Usuarios
0 Reactions
2,181 Visitas
Jaume
Respuestas: 260
Reputable Member
Topic starter
 

Buenos días,

me interesa poner que el hover de los options de un select.
En la imagen el 5 está "hoverado" y el fondo es naranja porque el fireox lo pone naranja, pero a mi me interesa que en todos los navegadores salga en amarillo.
Como se puede hacer que solo el seleccionado, en este caso el 5, no todo el select.

No sé si me he explicado.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 15/12/2014 10:15 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Revisa los siguiente enlaces para ver si te sirven de ayuda:

http://stackoverflow.com/questions/10484053/change-select-list-option-background-colour-on-hover

http://stackoverflow.com/questions/22373154/how-to-change-select-options-height-and-hover-background-color

Ten en cuenta que es posible que los cambios que apliques no se reflejen de igual manera en todos los navegadores, debido a que cada uno no interpreta el código html, css y javascript de la misma manera.


 
Respondido : 15/12/2014 11:29 am
Jaume
Respuestas: 260
Reputable Member
Topic starter
 

Me cambian el color de todo el select, y sólo quiero cambiar el color del que está en hover al momento de seleccionarlo.

Alguna propuesta?


 
Respondido : 15/12/2014 10:53 pm
Jordi Sala
Respuestas: 12058
Illustrious Member Admin
 

Hola Jaume,

http://stackoverflow.com/questions/1667086/changing-select-highlight-color

Saludos


 
Respondido : 16/12/2014 9:05 am
Jaume
Respuestas: 260
Reputable Member
Topic starter
 

Tampoco me funciona.

No lo entiendo parece algo fácil.


 
Respondido : 16/12/2014 9:55 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

No lo es. Un efecto como este normalmente no está previsto por los navegadores y es posible que solo funcione con alguno de ellos, debido a que cada navegador puede interpretar los CSS de una forma ligeramente distinta.

Tendrías que decirnos las pruebas en concreto que has hecho, pero ya te digo que es posible que no haya algún sistema que funciona bien del todo.


 
Respondido : 16/12/2014 11:54 am
Jaume
Respuestas: 260
Reputable Member
Topic starter
 

Las pruebas hechas son todas, aplicarle hover al optin a sus clases, a los hijos del select.
Por css no he encontrado nada que funcione.

Lo he dejado por imposible, a ver si a alguien se le ocurre la típica locura tonta que llega a funcionar.

Muchas gracias


 
Respondido : 16/12/2014 12:00 pm
Lorena
Respuestas: 1698
Noble Member Moderator
 

Hola Jaume,

¿Has probado en diferentes navegadores?

Como te había comentado Pablo es posible que los cambios que apliques no se reflejen de igual manera en todos los navegadores, debido a que cada uno no interpreta el código html, css y javascript de la misma manera.

Un saludo.


 
Respondido : 16/12/2014 1:19 pm