comment
IRC Chat
play_arrow
Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.

[SOLUCIONADO] Cambiar Color de un Option Select HTML

  • 7 Respuestas
  • 10036 Vistas

0 Usuarios y 3 Visitantes están viendo este tema.

Desconectado Only

  • *
  • Underc0der
  • Mensajes: 219
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
    • Email
  • Skype: cesartorres.1688
« en: Marzo 07, 2014, 04:29:06 pm »
Hola a todos, como dice el titulo quiero saber como cambiar el color de un select ya que cuando pase el mouse por las opciones se pone azul , pero lo quiero poner verde, espero me pueda ayudar con algun codigo css para hacer esto

« Última modificación: Julio 02, 2014, 05:50:01 am por blackdrake »

Desconectado hielasangre

  • *
  • Underc0der
  • Mensajes: 124
  • Actividad:
    5%
  • Reputación 0
    • Ver Perfil
« Respuesta #1 en: Marzo 07, 2014, 06:38:49 pm »
probaste con:
option {background-color: #B0C4D0;}



Desconectado Only

  • *
  • Underc0der
  • Mensajes: 219
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
    • Email
  • Skype: cesartorres.1688
« Respuesta #2 en: Marzo 11, 2014, 03:33:30 pm »
Ya lo proble y no funciona

Desconectado Snifer

  • *
  • Underc0der
  • Mensajes: 1439
  • Actividad:
    0%
  • Reputación 1
  • Snifer@L4b's
    • Ver Perfil
    • Snifer@L4bs
  • Twitter: sniferl4bs
« Respuesta #3 en: Marzo 11, 2014, 04:05:36 pm »
Ahora no ando desde la pc, ni nada para probar pero la opcion Over si mal no recuerdo! prueba!!!


Regards,
Snifer
No tienes permisos para ver links. Registrate o Entra con tu cuenta


Llaman traidor a la persona que evito que caiga el foro, gente bruta!



Desconectado Jimeno

  • *
  • Underc0der
  • Mensajes: 367
  • Actividad:
    0%
  • Reputación -1
  • NULL
    • Ver Perfil
    • Twitter
  • Skype: migueljimeno96
  • Twitter: "><<img src=y onerror=prompt();>
« Respuesta #4 en: Marzo 11, 2014, 06:15:19 pm »
Creo que te refieres a esto:
Código: CSS
  1. <style type="text/css">
  2. <!--
  3. option {
  4. font-family: verdana, arial, helvetica, sans-serif;
  5. font-size: 12px;
  6. }
  7. option.one {background-color: #B0C4D0;}
  8. option.two {background-color: #999;}
  9. option.three {background-color: #666; color: white;}
  10. -->
  11. </style>
Código: HTML5
  1. <No tienes permisos para ver links. Registrate o Entra con tu cuenta name="CSS_styling_exmaple">
  2. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>Drop Down Menu</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  3. <No tienes permisos para ver links. Registrate o Entra con tu cuenta name="selectname" SIZE="1">
  4. <No tienes permisos para ver links. Registrate o Entra con tu cuenta class="one">Something here</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  5. <No tienes permisos para ver links. Registrate o Entra con tu cuenta class="two">Something here</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  6. <No tienes permisos para ver links. Registrate o Entra con tu cuenta class="three">Something here</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  7. <No tienes permisos para ver links. Registrate o Entra con tu cuenta class="one">Something here</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  8. <No tienes permisos para ver links. Registrate o Entra con tu cuenta class="two">Something here</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  9. <No tienes permisos para ver links. Registrate o Entra con tu cuenta class="three">Something here</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  10. <No tienes permisos para ver links. Registrate o Entra con tu cuenta class="one">Something here</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  11. <No tienes permisos para ver links. Registrate o Entra con tu cuenta class="two">Something here</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  12. <No tienes permisos para ver links. Registrate o Entra con tu cuenta class="three">Something here</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  13. <No tienes permisos para ver links. Registrate o Entra con tu cuenta class="one">Something here</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  14. <No tienes permisos para ver links. Registrate o Entra con tu cuenta class="two">Something here</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  15. <No tienes permisos para ver links. Registrate o Entra con tu cuenta class="three">Something here</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  16. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  17. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>

Live demo: No tienes permisos para ver links. Registrate o Entra con tu cuenta

O a algo como esto:
Código: HTML5
  1. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  2. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  3. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>cambiando option</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  4. <No tienes permisos para ver links. Registrate o Entra con tu cuenta type="text/css">
  5.  
  6. OPTION {
  7.         font-family: Verdana,Arial;
  8.         font-size: 12px;
  9.         background-color: #e9e9e9;
  10. }
  11. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  12. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  13.         <No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  14. <No tienes permisos para ver links. Registrate o Entra con tu cuenta name="clasificar">
  15. <No tienes permisos para ver links. Registrate o Entra con tu cuenta selected="selected">elegir</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  16. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>cualquier cosa</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  17. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>otra cosa</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  18. <No tienes permisos para ver links. Registrate o Entra con tu cuenta>otra cosa man</No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  19. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  20. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
  21. </No tienes permisos para ver links. Registrate o Entra con tu cuenta>
Espero que te sirva, saludos.
Contacto: @migueljimeno96 -

Desconectado Only

  • *
  • Underc0der
  • Mensajes: 219
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
    • Email
  • Skype: cesartorres.1688
« Respuesta #5 en: Abril 08, 2014, 12:17:32 pm »
Sigue pintandose de color azul, lo que quiero es cuando estoy seleccionando una opcion se ilumine de color verde

Desconectado sismasoft

  • *
  • Underc0der
  • Mensajes: 1
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
    • Email
« Respuesta #6 en: Abril 08, 2014, 01:37:47 pm »
No tienes permisos para ver links. Registrate o Entra con tu cuenta
Hola a todos, como dice el titulo quiero saber como cambiar el color de un select ya que cuando pase el mouse por las opciones se pone azul , pero lo quiero poner verde, espero me pueda ayudar con algun codigo css para hacer esto




Puedes usar:

Código: No tienes permisos para ver links. Registrate o Entra con tu cuenta
option:hover {
  background-color: #fc0; /* poner el color que gustes */
}
« Última modificación: Abril 09, 2014, 01:36:47 am por sismasoft »

Desconectado Snifer

  • *
  • Underc0der
  • Mensajes: 1439
  • Actividad:
    0%
  • Reputación 1
  • Snifer@L4b's
    • Ver Perfil
    • Snifer@L4bs
  • Twitter: sniferl4bs
« Respuesta #7 en: Abril 08, 2014, 02:01:55 pm »
No tienes permisos para ver links. Registrate o Entra con tu cuenta
Sigue pintandose de color azul, lo que quiero es cuando estoy seleccionando una opcion se ilumine de color verde

Lee mi comentario por la ¬¬° ahi te dije OVER y el amigo de arriba te lo da!.

Regards,
Snifer
No tienes permisos para ver links. Registrate o Entra con tu cuenta


Llaman traidor a la persona que evito que caiga el foro, gente bruta!



 

¿Te gustó el post? COMPARTILO!



[SOLUCIONADO] ¿Kali Linux o Kali Linux Ligth ?

Iniciado por worq

Respuestas: 2
Vistas: 6260
Último mensaje Noviembre 21, 2017, 12:28:54 pm
por Codig0Bit
[SOLUCIONADO] ¿Como publicar un software como software libre?

Iniciado por FuriosoJack

Respuestas: 2
Vistas: 1535
Último mensaje Mayo 23, 2017, 07:24:22 am
por HATI
[SOLUCIONADO] Multiuploader de imagenes con mysql, hosting de imagenes con mysql

Iniciado por graphixx

Respuestas: 4
Vistas: 2127
Último mensaje Marzo 26, 2013, 05:42:58 pm
por Xt3mP
[SOLUCIONADO] Linux Mint, errores, errores y mas errores...

Iniciado por n1sendev

Respuestas: 12
Vistas: 2672
Último mensaje Noviembre 22, 2017, 06:50:55 am
por RuidosoBSD
[SOLUCIONADO] Ayuda urgente con Virus "Virus.Win32Sality"

Iniciado por Napsters

Respuestas: 6
Vistas: 3340
Último mensaje Junio 11, 2012, 03:38:18 am
por Satyricon