Как скрыть маркировку элемента идентификатором элемента в CSS?
Скажем, у меня есть этот код
<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 */
Как я скрываю маркировку?
6 ответов
Если вы дадите ярлыку идентификатор, например:
<label for="foo" id="foo_label">
Тогда это сработает:
#foo_label { display: none;}
Другие ваши варианты не являются кроссбраузерными дружелюбный, если только javascript не является вариантом. Селектор CSS3, который не так широко поддерживается, выглядит так:
[for="foo"] { display: none;}
Если вас не интересуют пользователи IE6, используйте селектор атрибутов равенства .
label[for="foo"] { display:none; }
Без класса или идентификатора и с вашим конкретным html:
table tr td label {display:none}
В противном случае, если у вас есть jQuery
$('label[for="foo"]').css('display', 'none');
Вы также должны указать отдельный идентификатор для метки.
<label for="foo" id="foo_label">text</label>
#foo_label {display: none;}
Или скрыть всю строку
<tr id="foo_row">/***/</tr>
#foo_row {display: none;}
Вы должны дать своему тегу Вам, вероятно, придется добавить класс / идентификатор, а затем сделать другое объявление CSS, которое также скрывает его. идентификатор foo_row или что-то еще. И скройте это вместо этого
Похожие вопросы: