J'essaie de donner un style à certaines étiquettes de formulaire en les sélectionnant avec leur attribut "for". Mais rien n'est détecté lorsque je prévisualise dans IE7. Je fais cela parce que je voudrais leur donner un style différent les uns des autres, sans ajouter au balisage existant.
Donc si mon css ressemble à ce qui suit, je n'obtiens rien :
<style>
label[for="foo"] {
background: blue;
padding: 1em
}
</style>
<form>
<label for="foo"/>bar</label>
<input name="foo" type="text"/>
</form>
Mais si je le change en ceci, le style fonctionne.
<style>
label[fro="foo"] {
background: blue;
padding: 1em
}
</style>
<form>
<label fro="foo"/>bar</label>
<input name="foo" type="text"/>
</form>
Avez-vous déjà rencontré ce genre de problème ? Y a-t-il un problème avec la façon dont j'écris le CSS, IE7 ou autre chose ?