Est-ce que IE7 a un problème avec certains sélecteurs d'attributs CSS?

Question

J'essaie de styler certaines étiquettes de formulaire en les sélectionnant avec leur attribut 'for'. Mais rien n'est pris en compte lorsque je l'affiche dans IE7. Je fais ceci parce que je voudrais les différer les uns des autres, sans ajouter au balisage existant.

Donc, si mon css ressemble à ce qui suit, je reçois 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 change à cela, les œuvres de style.

<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à vu ce genre de problème avant? Y a-t-il un problème avec la façon dont j'écris le CSS, IE7, ou autre chose?

Answer 1

Cet utilisateur semble avoir eu le même problème que vous rencontrez: here

Il dit que parce que « pour » est un mot réservé, il ne peut pas être utilisé comme nom de la propriété. Mais 'htmlFor' est le nom de propriété DOM associé à l'attribut for

Answer 2

Les étiquettes sont associées à des champs de saisie spécifiques, donc existe-t-il une raison pour laquelle vous ne pouvez pas utiliser class plutôt que de créer une multitude de sélecteurs dans votre CSS à cette fin?