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

Question

我试图隐藏这些：

 <p>
<label for="secondname"><?php esc_html_e('Last Name','wpestate');?></label>
<input type="text" id="secondname" class="form-control" value="<?php echo $last_name;?>"  name="firstname">
</p>

我设法隐藏了输入，但没有隐藏标签。

 #secondname {
  display: none;
}

谢谢

原文由 stemon 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

原文由 xort 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如果标签是隐藏的，为什么还要包括它？显示：无；将从屏幕阅读器和大多数其他东西中隐藏它。

相反，将其置于屏幕之外：

 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;
}

原文由 dmocksen 发布，翻译遵循 CC BY-SA 4.0 许可协议