Comment masquer l'étiquette d'élément par l'ID d'élément en CSS?

Question

Disons que j'ai ce code

<table> 
    <tr> 
     <td><input id="foo" type="text"></td> 
     <td><label for="foo">This is foo</label></td> 
    </tr> 
</table> 

Cela permet de masquer l'entrée:

#foo { display: none;} /* or hidden could work too, i guesss */ 

Comment puis-je masquer l'étiquette?

Answer 1

Si vous donnez l'étiquette une carte d'identité, comme ceci:

<label for="foo" id="foo_label"> 

Ensuite, cela fonctionnerait:

#foo_label { display: none;} 

Vos autres options ne sont pas vraiment amical cross-navigateur, à moins que le javascript est option. Le sélecteur de CSS3, pas aussi largement pris en charge ressemble à ceci:

[for="foo"] { display: none;} 

Answer 2

Vous devez donner votre balise <tr> un identifiant foo_row ou autre. Et cacher qu'au lieu

Answer 3

Vous avez probablement ajouter une classe/id puis faire une autre déclaration CSS qui cache aussi bien.

Answer 4

Vous devez donner un identifiant séparé à l'étiquette aussi.

<label for="foo" id="foo_label">text</label> 

#foo_label {display: none;} 

Ou cacher toute la ligne

<tr id="foo_row">/***/</tr> 

#foo_row {display: none;} 

Answer 5

Si vous ne vous souciez pas IE6 utilisateurs, utilisez le equality attribute selector.

label[for="foo"] { display:none; } 

Answer 6

Sans une classe ou d'une carte d'identité, et avec votre code html spécifique:

table tr td label {display:none} 

Sinon, si vous avez jQuery

$('label[for="foo"]').css('display', 'none'); 

Answer 7

C'est travaillé pour moi.

#_account_id{ 
     display: none; 
    } 
    label[for="_account_id"] { display: none !important; }