Underc0de - La Casa de los Informáticos

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
You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login
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
You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login
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