如何隐藏<label for="">CSS

Answer 1

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

Answer 2

用

display: none;

隐藏标签不利于网络可访问性，您不应该这样做。 试试

visibility: hidden;

。

Answer 3

使用 属性选择器:

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

Answer 4

您可以使用

label[for="secondname"] { display: none }

Answer 5

如果标签是隐藏的，为什么还要包含它呢？显示：无；将对屏幕阅读器和大多数其他内容隐藏它。

相反，将其放置在屏幕之外：

label[for="secondname"]
{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

Answer 6

这是 W3C 文档的建议：

'屏幕阅读器和其他辅助技术，就像网络浏览器一样，当元素使用 display: none; 的样式时，会向用户隐藏元素。和可见性：隐藏；.'.
https://www.w3.org/WAI/tutorials/forms/labels/#:~:text=%20label%20can%20be%20hidden,reader%20and%20speech%20input%20users.

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

Answer 7

非常感谢！ 这个解决方案对我有用：

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

Answer 8

我刚刚尝试过，但它删除了整个表单的其他格式。有没有办法定位特定标签（例如“是”和“否”选项，但隐藏“否”）。