Comunidad de diseño web y desarrollo en internet online

Pregunta sobre lista de selección.

Citar            
MensajeEscrito el 24 Ago 2012 06:11 pm
Buenas que tal, amigos de Cristalab.
Tengo un problemilla, es que estoy haciendo una pagina web y estoy usando listas de selección, las de este tipo:
<SELECT NAME="Colores" MULTIPLE>
<OPTION VALUE="r">Rojo</OPTION>
<OPTION VALUE="g">Verde</OPTION>
<OPTION VALUE="b">Azul</OPTION>
</SELECT>

Pero mi duda era como hacer para:
1-Cambiar el color de background color azul que aparece cuando hago clic en la lista y recorro las opciones option. Es decir cuando hago clic en lista "Colores" se despliegan las opciones Rojo, verde, azul, pero al pasar el mouse por encima de ellas cada una aparece con un background de color azul que creo que es el que viene por defecto, y lo que quisiera saber es como poder hacer que ese background sea de otro color por ejemplo verde.

Espero que alguien pueda ayudarme, muchas gracias de antemano.

Por adecad

23 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 24 Ago 2012 06:45 pm
select option { background: red }

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome
Citar            
MensajeEscrito el 27 Ago 2012 05:01 am
Ummm a ver probare con eso...Gracias por contestar!

Por adecad

23 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 31 Ago 2012 06:09 pm
Hola, que tal he utilizado esto que es select option{background:red;} pero lo que hace es darle un color de fondo a toda la lista. Lo que estoy buscando es la manera en como hacer que el fondo azul que aparece cuando se posa el punto sobre una opción de la lista, cambie. Es decir que no sea azul si no de un color que yo pueda definir lo por css si es posible.

Por adecad

23 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 31 Ago 2012 07:03 pm
estilos
.rojo{ background:red;}
.azul{background:blue;}
.verde{ background:green;}

codigo
<SELECT NAME="Colores" MULTIPLE>
<OPTION VALUE="r" class="rojo">Rojo</OPTION>
<OPTION VALUE="g" class="verde">Verde</OPTION>
<OPTION VALUE="b" class="azul">Azul</OPTION>
</SELECT>

saludos cordiales

Por joshuavw

Claber

306 de clabLevel



Genero:Masculino  

Juego, aprendo y programo

firefox
Citar            
MensajeEscrito el 01 Sep 2012 06:58 am
Joshuaw gracias por responder, ahorita son 1:58 de la mañana en Perú, mañana probare el código que me dejaste, un abrazo, saludo!

Por adecad

23 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 03 Sep 2012 02:58 pm
de nada sr buen inicio de semana

Por joshuavw

Claber

306 de clabLevel



Genero:Masculino  

Juego, aprendo y programo

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.