Как скрыть метку элемента по идентификатору элемента в CSS?

Question

Допустим, у меня есть этот код

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

Это скроет ввод:

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

Как скрыть метку?

Answer 1

Если вы дадите этикетке идентификатор, например:

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

Тогда это будет работать:

#foo_label { display: none;}

Ваши другие параметры не являются кросс-браузерными, за исключением случаев, когда есть опция JavaScript. Селектор CSS3, не очень широко поддерживаемый, выглядит следующим образом:

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

Answer 2

Если вас не интересуют пользователи IE6, используйте селектор атрибутов равенства .

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

Answer 3

Без класса или идентификатора, а также с вашим конкретным HTML:

table tr td label {display:none}

В противном случае, если у вас есть jQuery

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

Answer 4

Несмотря на другие ответы здесь, вы должны не использовать display:none, чтобы скрыть элемент метки.

Доступный способ скрыть метку визуально - это использовать правило «off-left» или «clip» в вашем CSS.Использование display:none не позволит людям, использующим программы чтения с экрана, иметь доступ к содержимому элемента label.Использование дисплея: ни один не скрывает контент от всех пользователей, и это включает в себя пользователей программ чтения с экрана (которые больше всего выигрывают от элементов меток).* предложить больше рекомендаций по этой теме, включая CSS для техники «клип».

Answer 5

Вы также должны присвоить метке отдельный идентификатор.

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

#foo_label {display: none;}

Или скрыть всю строку

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

#foo_row {display: none;}

Answer 6

Это работает для меня.

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

Answer 7

Вы, вероятно, должны добавить класс / id и затем сделать еще одно объявление CSS, которое также скрывает его.

Answer 8

Вы должны присвоить тегу <tr> идентификатор foo_row или что-то еще. И скрыть это вместо