Wie kann man Element-Label nach Element-ID in CSS ausblenden?

Question

Lassen Sie uns sagen, dass ich diesen Code habe

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

Dies wird die Eingabe verbergen:

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

Wie blende ich das Etikett?

Answer 1

Wenn Sie das Etikett eine ID geben, wie folgt aus:

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

Dann würde diese Arbeit:

#foo_label { display: none;} 

Ihre anderen Optionen sind nicht wirklich Cross-Browser-freundlich, es sei denn, Sie Javascript ein ist Möglichkeit. Der CSS3-Selektor, nicht so weit wie folgt aussieht unterstützt:

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

Answer 2

Sie sollten Ihre <tr> Tag eine ID foo_row oder was auch immer geben. Und verstecken Sie das stattdessen

Answer 3

Sie müssen wahrscheinlich eine Klasse/ID hinzufügen und dann eine andere CSS-Deklaration machen, die es auch verbirgt.

Answer 4

Sie müssen dem Etikett auch eine eigene ID geben.

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

#foo_label {display: none;} 

oder ausblenden ganze Reihe

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

#foo_row {display: none;} 

Answer 5

Wenn Sie nicht über IE6 Nutzer kümmern, verwenden Sie die equality attribute selector.

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

Answer 6

Ohne eine Klasse oder eine ID, und mit Ihren spezifischen html:

table tr td label {display:none} 

Andernfalls, wenn Sie jQuery haben

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

Answer 7

Dies ist für mich gearbeitet.

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