Foros del web, para los que viven de bits

trasgukabi · 26-oct-2004, 18:37

Hola a todos.

Es posible mediante CSS cambiar el color de un elemento seleccionado en una etiqueta <option> (normalmente en blanco sobre azul)?

Osea, de ésto:

a ésto:

Gracias a todos.

iconogt · 27-oct-2004, 20:42

mmm, pues no estoy muy seguro porque nunca lo he hecho pero prueba con hover a ver si te funciona...

Si no espera que te respondan los que saben mejor sobre eso

Pero voy a intentar hacerlo y si me funciona te paso el código...

iconogt · 27-oct-2004, 20:57

Oye pues lo que puedo entender en tu mensaje es que lo que quieres es que tu SELECT que le has dado un aspecto con cierto color, tamaño de fondo y toda la cosa, éste cambie de aspecto a texto blanco sobre fondo azul ¿cuando el mouse pase por encima??? Pues si es eso dejame decirte que no tienes mucho que hacer, aquí de dejo un código que hice y no tube que hacer gran cosa...

Código:

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

Si te das cuenta este es el aspecto por defecto que el explorador le da a dicho elemento, claro dependiendo que configuración tenga tu Windows, (si es que usas Windows), es decir, lo marca azul si lo tienes predeterminado azul. No se si me entiendes...

Ahora si no hera lo que buscabas y/o preguntabas, porfa especifícate mejor y veremos que se hace.

trasgukabi · 27-oct-2004, 21:32

Gracias por la respuesta

26-oct-2004, 18:37	#1 (permalink)
trasgukabi Fecha de Ingreso: septiembre-2004 Mensajes: 2.128	Cambiar color option seleccionado Hola a todos. Es posible mediante CSS cambiar el color de un elemento seleccionado en una etiqueta <option> (normalmente en blanco sobre azul)? Osea, de ésto: a ésto: Gracias a todos. __________________ programación, diseño,SEO, Hosting,LOPD Última edición por trasgukabi; 26-oct-2004 a las 18:48.

27-oct-2004, 20:42	#2 (permalink)
iconogt Fecha de Ingreso: septiembre-2004 Ubicación: La tierra de Dios... Mensajes: 523	Hola, mmm, pues no estoy muy seguro porque nunca lo he hecho pero prueba con hover a ver si te funciona... Si no espera que te respondan los que saben mejor sobre eso Pero voy a intentar hacerlo y si me funciona te paso el código... __________________ ________________________________________ <!-- Lo que sabemos es una gota de agua; lo que ignoramos es el océano -->

27-oct-2004, 20:57	#3 (permalink)
iconogt Fecha de Ingreso: septiembre-2004 Ubicación: La tierra de Dios... Mensajes: 523	Hola de nuevo... Oye pues lo que puedo entender en tu mensaje es que lo que quieres es que tu SELECT que le has dado un aspecto con cierto color, tamaño de fondo y toda la cosa, éste cambie de aspecto a texto blanco sobre fondo azul ¿cuando el mouse pase por encima??? Pues si es eso dejame decirte que no tienes mucho que hacer, aquí de dejo un código que hice y no tube que hacer gran cosa... Código: <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> Si te das cuenta este es el aspecto por defecto que el explorador le da a dicho elemento, claro dependiendo que configuración tenga tu Windows, (si es que usas Windows), es decir, lo marca azul si lo tienes predeterminado azul. No se si me entiendes... Ahora si no hera lo que buscabas y/o preguntabas, porfa especifícate mejor y veremos que se hace. __________________ ________________________________________ <!-- Lo que sabemos es una gota de agua; lo que ignoramos es el océano -->

27-oct-2004, 21:32	#4 (permalink)
trasgukabi Fecha de Ingreso: septiembre-2004 Mensajes: 2.128	Gracias por la respuesta __________________ programación, diseño,SEO, Hosting,LOPD

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado