Foros del Web » Creando para Internet » HTML »

estilos en select

Estas en el tema de estilos en select en el foro de HTML en Foros del Web. Hola, estoy intentando modificar el aspecto con estilos un campo de formulario de tipo select pero lo único que me deja moficiar es la fuente. ...
  #1 (permalink)  
Antiguo 27/09/2003, 09:57
 
Fecha de Ingreso: agosto-2003
Ubicación: Islas Canarias - Gran Canaria -
Mensajes: 59
Antigüedad: 20 años, 8 meses
Puntos: 0
estilos en select

Hola, estoy intentando modificar el aspecto con estilos un campo de formulario de tipo select pero lo único que me deja moficiar es la fuente. ¿No se puede modificar nada más?

Gracias
  #2 (permalink)  
Antiguo 27/09/2003, 17:19
Avatar de Gurrutello  
Fecha de Ingreso: enero-2002
Ubicación: Ontario,Toronto [Canada]
Mensajes: 2.017
Antigüedad: 22 años, 3 meses
Puntos: 6
hola seria mas de utilidad que puesieras tu codigo pero bueno

aqui te pongo uno

<html>
<head>
<title>Coloreando lista</title>
<style Type="text/css">
<!-- codigo ofrecido por http://www.tutores.org

#opt1{
background-color:#CCC;
}
#opt2{
background-color:#FF0;
}
-->
</style>
</head>
<body>
<form action="">
<Select>
<Option id="opt1">Lunes</Option>
<Option id="opt2">Martes</Option>
<Option id="opt1">Miercoles</Option>
<Option id="opt2">jueves</Option>
</Select>
</form>
</body>
</html>
a ver si te sirve
saludos
__________________
Un Saludo
www.tutores.org
Asp | Php | Javascript | Perl | Coldfusion | Flash | +- 2000 codigos

Última edición por Gurrutello; 27/09/2003 a las 17:21
  #3 (permalink)  
Antiguo 27/09/2003, 18:12
 
Fecha de Ingreso: agosto-2003
Mensajes: 499
Antigüedad: 20 años, 8 meses
Puntos: 1
eso es incorrector, el atributo id significa "indentificador único", por lo tanto sólo se puede usar una vez en un mismo documento HTML. Lo que deberías usar es una clase :

<select>
<option class="opt1">Lunes</option>
<option class="opt2">Martes</option>
<option class="opt1">Miercoles</option>
<option class="opt2">jueves</option>
</Select>

que modificarás por css :
option.opt1 {background-color:black;}
option.opt2 {background-color:yellow;}
__________________
Plaza Mozilla
http://www.chevrel.org/es/noticias/
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 18:58.