Buenos días a todos
Tengo un problema que os voy a detallar a ver si alguien puede darme
alguna pista de porque no me funciona correctamente y si me dais una
solución alternativa, pues doblemente ayuda.
La historia es que tengo dentro de un div varias líneas con una serie de
inputs y labels dentro:
div id=capa1
input id=input1 /
label class=labelX/label
input id=input2 /
label class=labelX/label
input id=input3 /
label class=labelX/label
input id=input4 /
label class=labelX/label
input id=input5 /
label class=labelX/label
/div
Los input tienes diferente ID, pero los label tienen el mismo CLASS, por lo
tanto la únia forma de darle estilos diferentes a cada uno es mediante un
selector adyacente. Concretamente he usado las siguientes líneas:
#capa1 input#input1 {...}
#capa1 input#input1 + label.labelMatter {...}
O incluso
#capa1 input#input1 {...}
#capa1 input#input1 + label. {...}
Y en Firefox y Chrome funciona correctamente. Es en IE7 e IE8 donde solo se
aplica el primer estilo cuando está claro que:
#capa1 input#input1 {...}
El otro es ignorado:
#capa1 input#input1 + label.labelMatter {...}
Porque este tipo de selectores está soportado en versiones superiores a IE6,
¿verdad?
P. D: No he comentado que no es posible cambiar id's, ni class, ni nada del
código puesto que todo se genera dinámicamente. :-(
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
