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

ste*_*mon 6 css label hide

我试图隐藏这些:

<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>
Run Code Online (Sandbox Code Playgroud)

我设法隐藏了输入,但没有隐藏标签.

#secondname {
display:none;
}
Run Code Online (Sandbox Code Playgroud)

谢谢

小智 10

label[for="secondname"]
{
    display:none;
}
Run Code Online (Sandbox Code Playgroud)


Jay*_*Jay 7

隐藏标签display: none;不利于网络可访问性,您不应该这样做。试试吧visibility: hidden;

  • “可见性:隐藏”对 a11y 也不好(“高度:0”也)很好的阅读和建议:https://www.scotohara.me/blog/2017/04/14/inclusively-hidden.html (2认同)

小智 6

使用属性选择器:

label[for="secondname"] {
    display: none;
}
Run Code Online (Sandbox Code Playgroud)