Sélecteur CSS pour l'étiquette utilisant l'attribut "for" dans IE 6,7

Question

J'ai une étiquette dans ma page Web comme étiquette pour = "titre" Comment puis-je styler cet élément d'étiquette spécifique?

Answer 1

Comme IE6 ne prend pas en charge les sélecteurs d'attribut, vous pouvez envisager de spécifier un attribut de classe à votre <label /> et le sélectionner avec. (Voir How to workaround: IE6 does not support CSS “attribute” selectors)

Avec IE7, vous pouvez simplement faire ceci:

label[for="title"] { 
    font-weight: bold; 
    /* ... */ 
} 

Voir jsfiddle.net/GWNXq.

Answer 2

vous pouvez lui attribuer une id

<label for="title" id="label-title">TITLE</label> 

puis appliquer une css, par exemple

#label-title{font-weight:bold} 

Answer 3

Comme Rocket affirme Ronnie, id est une façon de le faire.

Vous pouvez même fournir une classe, de cette façon vous pouvez définir le style plusieurs choses à la fois

<label for="title" class="label">TITLE</label> 
<label for="title" class="label">FORENAME</label> 

puis appliquer une css, par exemple

.label{font-weight:bold} 

Answer 4

Merci pour les réponses ur!

Ce que j'ai trouvé après les heures de « googler »

Je pense que dans IE6 nous devons utiliser des attributs sinon ce ne est pas possible id ou classe pour sélectionner l'élément d'étiquette comme dit ci-dessus dans la plupart des anwers!

label[htmlFor="title"]{... } pour IE7

label[for="title"]{... } pour FF 3.5 (je ne l'ai pas testé sur Safari)

référence - http://reference.sitepoint.com/css/attributeselector

P.S: Sa ne fonctionne toujours pas dans IE7 !!