Underc0de

Foros Generales => Dudas y pedidos generales => Mensaje iniciado por: Only en Marzo 07, 2014, 04:29:06 PM

Título: [SOLUCIONADO] Cambiar Color de un Option Select HTML
Publicado por: Only 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

(http://i1188.photobucket.com/albums/z407/Cesar_Torres_1/Capturadepantalla46_zps396328cf.png)
Título: Re:[Ayuda]Cambiar Color de un Option Select HTML
Publicado por: hielasangre en Marzo 07, 2014, 06:38:49 PM
probaste con:
option {background-color: #B0C4D0;}


Título: Re:[Ayuda] Cambiar Color de un Option Select HTML
Publicado por: Only en Marzo 11, 2014, 03:33:30 PM
Ya lo proble y no funciona
Título: Re:[Ayuda] Cambiar Color de un Option Select HTML
Publicado por: Snifer 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
Título: Re:[Ayuda] Cambiar Color de un Option Select HTML
Publicado por: Jimeno en Marzo 11, 2014, 06:15:19 PM
Creo que te refieres a esto:
Código (css) [Seleccionar]
<style type="text/css">
<!--
option {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
}
option.one {background-color: #B0C4D0;}
option.two {background-color: #999;}
option.three {background-color: #666; color: white;}
-->
</style>

Código (html5) [Seleccionar]
<form name="CSS_styling_exmaple">
<b>Drop Down Menu</b>
<select name="selectname" SIZE="1">
<option class="one">Something here</option>
<option class="two">Something here</option>
<option class="three">Something here</option>
<option class="one">Something here</option>
<option class="two">Something here</option>
<option class="three">Something here</option>
<option class="one">Something here</option>
<option class="two">Something here</option>
<option class="three">Something here</option>
<option class="one">Something here</option>
<option class="two">Something here</option>
<option class="three">Something here</option>
</select>
</form>


Live demo: http://www.domedia.org/oveklykken/css-drop-down-menu.php

O a algo como esto:
Código (html5) [Seleccionar]
<html>
<head>
<title>cambiando option</title>
<style type="text/css">

OPTION {
font-family: Verdana,Arial;
font-size: 12px;
background-color: #e9e9e9;
}
</style>
</html>
<body>
<select name="clasificar">
<option selected="selected">elegir</option>
<option>cualquier cosa</option>
<option>otra cosa</option>
<option>otra cosa man</option>
</select>
</body>
</html>

Espero que te sirva, saludos.
Título: Re:[Ayuda] Cambiar Color de un Option Select HTML
Publicado por: Only 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
Título: Re:[Ayuda] Cambiar Color de un Option Select HTML
Publicado por: sismasoft en Abril 08, 2014, 01:37:47 PM
No tienes permitido ver enlaces. Registrate o Entra a 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

(http://i1188.photobucket.com/albums/z407/Cesar_Torres_1/Capturadepantalla46_zps396328cf.png)


Puedes usar:


option:hover {
  background-color: #fc0; /* poner el color que gustes */
}
Título: Re:[Ayuda] Cambiar Color de un Option Select HTML
Publicado por: Snifer en Abril 08, 2014, 02:01:55 PM
No tienes permitido ver enlaces. Registrate o Entra a 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