[SOLUCIONADO] Cambiar Color de un Option Select HTML

Only · 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

hielasangre · Marzo 07, 2014, 06:38:49 PM

probaste con:
option {background-color: #B0C4D0;}

Only · Marzo 11, 2014, 03:33:30 PM

Ya lo proble y no funciona

Snifer · 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

Jimeno · Marzo 11, 2014, 06:15:19 PM

Creo que te refieres a esto:

Código: css

<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

<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: 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

O a algo como esto:

Código: html5

<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.

Only · 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

sismasoft · 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

Puedes usar:

Código: text


option:hover {
  background-color: #fc0; /* poner el color que gustes */
}

Snifer · 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

[SOLUCIONADO] Cambiar Color de un Option Select HTML

Only

Marzo 07, 2014, 04:29:06 PM Ultima modificación: Julio 02, 2014, 05:50:01 AM por blackdrake

hielasangre

Marzo 07, 2014, 06:38:49 PM #1

Only

Marzo 11, 2014, 03:33:30 PM #2

Snifer

Marzo 11, 2014, 04:05:36 PM #3

Jimeno

Marzo 11, 2014, 06:15:19 PM #4

Only

Abril 08, 2014, 12:17:32 PM #5

sismasoft

Abril 08, 2014, 01:37:47 PM #6 Ultima modificación: Abril 09, 2014, 01:36:47 AM por sismasoft

Snifer

Abril 08, 2014, 02:01:55 PM #7