如何在CSS中通过元素id隐藏元素标签？ [英] How to hide element label by element id in 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 */

如何隐藏标签？

推荐答案

标签的ID，如下所示：

If you give the label an ID, like this:

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

然后这将工作：

#foo_label { display: none;}

t真正的跨浏览器友好，除非javascript是一个选项。没有广泛支持的CSS3选择器看起来像这样：

Your other options aren't really cross-browser friendly, unless javascript is an option. The CSS3 selector, not as widely supported looks like this:

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

这篇关于如何在CSS中通过元素id隐藏元素标签？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！