[SOLUCIONADO] Cambiar Color de un Option Select HTML

Iniciado por Only, Marzo 07, 2014, 04:29:06 PM

Tema anterior - Siguiente tema

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario
Marzo 07, 2014, 04:29:06 PM Ultima modificación: Julio 02, 2014, 05:50:01 AM por blackdrake
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

Marzo 07, 2014, 06:38:49 PM #1
probaste con:
option {background-color: #B0C4D0;}


Marzo 11, 2014, 03:33:30 PM #2
Ya lo proble y no funciona
Marzo 11, 2014, 04:05:36 PM #3
Ahora no ando desde la pc, ni nada para probar pero la opcion Over si mal no recuerdo! prueba!!!


Regards,
Snifer
No tienes permitido ver los links. Registrarse o Entrar a mi cuenta


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


Marzo 11, 2014, 06:15:19 PM #4
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: No tienes permitido ver los links. Registrarse o Entrar a mi cuenta

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.
Contacto: @migueljimeno96 -
Abril 08, 2014, 12:17:32 PM #5
Sigue pintandose de color azul, lo que quiero es cuando estoy seleccionando una opcion se ilumine de color verde
Abril 08, 2014, 01:37:47 PM #6 Ultima modificación: Abril 09, 2014, 01:36:47 AM por sismasoft
No tienes permitido ver los links. Registrarse o Entrar a mi 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: php

option:hover {
  background-color: #fc0; /* poner el color que gustes */
}
Abril 08, 2014, 02:01:55 PM #7
No tienes permitido ver los links. Registrarse o Entrar a mi 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 permitido ver los links. Registrarse o Entrar a mi cuenta


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


Imprimir
Ir Arriba Páginas1
Acciones del Usuario