Foros del Web » Creando para Internet » CSS »

cambiar el color del select y de la lista desplegable

Estas en el tema de cambiar el color del select y de la lista desplegable en el foro de CSS en Foros del Web. Hola!, He estado buscando en el foro sobre lo que necesito y, aunque más de una persona tiene problemas similares, me he decantado por exponer ...
  #1 (permalink)  
Antiguo 20/10/2004, 17:44
 
Fecha de Ingreso: octubre-2004
Ubicación: Cork (Irlanda)
Mensajes: 161
Antigüedad: 19 años, 5 meses
Puntos: 1
cambiar el color del select y de la lista desplegable

Hola!, He estado buscando en el foro sobre lo que necesito y, aunque más de una persona tiene problemas similares, me he decantado por exponer mi problema aquí y para ver si alguien me echa un cable.

Estoy haciendo un formulario con algunos text y algunos select.

Cuando un campo de tipo text recibe el foco cambio el color del fondo de este campo para que el usuario sepa rápidamente donde está situado y cuando lo pierde lo restauro. Esto lo he conseguido fácilmente haciendo:
document.formulario.campo.style.backgroundColor = color_que_quiero

En los select pretendo hacer lo mismo pero no lo consigo. La idea que persigo es que, cuando el select recibe el foco, el fondo del select cambie de color y el de la lista desplegable permanezca intacto. Esto lo consigo pero no del todo bien, porque el fondo del select sí cambia de color pero encima queda un rectángulo gris, el que selecciona la opción. Además, en la lista desplegable se cambia el color de fondo.

Pregunta 1: ¿el color del rectángulo de selección puede cambiarse?
Pregunta 2: ¿se puede poner el color de fondo de un select distinto al color del fondo de la lista desplegable?

Espero que mi explicación sea entendible y que alguno de vosotros pueda responderme positivamente.

Gracias de antemano.
  #2 (permalink)  
Antiguo 20/10/2004, 19:41
Avatar de SiR.CARAJ0DIDA  
Fecha de Ingreso: junio-2004
Ubicación: Acá
Mensajes: 1.166
Antigüedad: 19 años, 9 meses
Puntos: 4
.style.backgroundColor = 'red'; ???
  #3 (permalink)  
Antiguo 21/10/2004, 05:21
 
Fecha de Ingreso: octubre-2004
Ubicación: Cork (Irlanda)
Mensajes: 161
Antigüedad: 19 años, 5 meses
Puntos: 1
Cita:
Iniciado por SiR.CARAJ0DIDA
.style.backgroundColor = 'red'; ???
No funciona. Lo que yo quiero es:
  • el fondo de la caja que aparece a la izquierda del botón de la flecha en naranja.
  • el fondo de la lista desplegable en blanco.
  • el rectangulo gris que marca por donde va el ratón y permite seleccionar una opción cambiarlo a naranja.

aunque posiblemente no se pueda hacer...
  #4 (permalink)  
Antiguo 21/10/2004, 07:28
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 7 meses
Puntos: 381
Buenas

aunque el cambio lo estás realizando dinámicamente, el tema está dentro de los estilos css. Vamos a mover el tema a CSS y que los expertos te confirmen si es posible cambiar esos dos aspectos por separado en los select o no.


Movido desde el foro de javascript

un saludo
  #5 (permalink)  
Antiguo 21/10/2004, 10:40
Avatar de Christatos  
Fecha de Ingreso: julio-2003
Ubicación: Badajoz, Extremadura, España
Mensajes: 194
Antigüedad: 20 años, 9 meses
Puntos: 0
Bienvenido al problema que todos los que hemos querido aplicar un css curioso a una web on formularios hemos tenido!!
Yo creo que nadie hemos sido capaces de aplicar formatos a los puñeteros select de html... no sé cuál es la razón pero obvian la inmensa mayoría de los tags del style que funcionan en otro objeto cualquiera... de lo poco que yo (particularmente) he podido aplicarle es el ancho y alto... poco más. Nada de colores y, mucho menos, por separado como quieres tú...

La verdad es que sería una gozada poder ponerle estilos pero aún no he visto ninguno donde haya sido alguien capaz de aplicarlos, tanto es así que la mayoría de los que lo intentan terminan creándose un select a base de DHTML, capas, tablitas, botones... etc... mucho trabajo para una tontería, en definitiva.

Esperaremos que en próximas revisiones del HTML que vengan incluídas en algún Service Pack, en alguna actualización de microsoft, de algún navegador... se soporte, hasta el momento, nos conformaremos con lo poquito que tenemos... qué remedio!!

Suerte, colega!
  #6 (permalink)  
Antiguo 21/10/2004, 13:35
 
Fecha de Ingreso: octubre-2004
Ubicación: Cork (Irlanda)
Mensajes: 161
Antigüedad: 19 años, 5 meses
Puntos: 1
Entendido... me doy por vencido

Aunque antes de dejar el tema por imposible echadle un vistazo a:

http://www.domedia.org/oveklykken/cs...-down-menu.php

quizás lo que hay ahí le interese a alguien, o quizás mezclando esto con otra cosa salga algo nuevo... todo es probar

Gracias y un saludo.
  #7 (permalink)  
Antiguo 22/10/2004, 01:44
Avatar de Christatos  
Fecha de Ingreso: julio-2003
Ubicación: Badajoz, Extremadura, España
Mensajes: 194
Antigüedad: 20 años, 9 meses
Puntos: 0
Vaya! Es impresionante!
Nunca se me había ocurrido utilizar una clase en un <option> el resultado es, cuanto menos, pintoresco... puede ser interesante, la lástima es que no se le puedan aplicar también estilos que puedan quitar el efecto 3D como en las cajas de texto y colorear la barra de desplazamiento y el botoncillo de la derecha que tiene la flechita hacia abajo...
De todas maneras, si alguien es capaz de eso, ya es un avance (corrijo, es el avance).
A ver si hay suerte y alguien lo ha conseguido.

Saludos!
  #8 (permalink)  
Antiguo 12/05/2010, 06:47
 
Fecha de Ingreso: mayo-2009
Ubicación: Fernando de la Mora - Paraguay
Mensajes: 8
Antigüedad: 14 años, 10 meses
Puntos: 0
Respuesta: cambiar el color del select y de la lista desplegable

tambien llamando a la clase dentro de la etiqueta <select class='nombre'>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:10.