¿Cómo ocultar la etiqueta del elemento por ID del elemento en CSS?

Question

Digamos que tengo este código

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

Esto ocultará la entrada:

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

¿Cómo oculto la etiqueta?

Answer 1

Si usted le da la etiqueta de un documento de identidad, así:

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

Entonces esto funcionaría:

#foo_label { display: none;} 

Sus otras opciones no son muy amables entre navegadores, a no ser que Javascript es una opción. El selector CSS3, no es compatible con la mayor amplitud se ve así:

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

Answer 2

Usted debe dar su etiqueta <tr> un id foo_row o lo que sea. Y ocultar que en su lugar

Answer 3

Probablemente tengas que agregar una clase/ID y luego hacer otra declaración de CSS que también lo oculte.

Answer 4

También debe proporcionar una identificación por separado a la etiqueta.

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

#foo_label {display: none;} 

u ocultar toda la fila

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

#foo_row {display: none;} 

Answer 5

Si no se preocupan por los usuarios de IE6, utilice el equality attribute selector.

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

Answer 6

Sin una clase o un id, y con su html específica:

table tr td label {display:none} 

De lo contrario si han jQuery

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

Answer 7

Esto es trabajado para mí.

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