How to hide <label for=""> CSS

Question

I am trying to hide these:

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

I managed to hide the Input, but not the label.

#secondname {
  display: none;
}

Thanks

Answer 1

Use the attribute selector:

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

Answer 2

Hiding the label with display: none; is bad for web accesibility and you shouldn't do it. Try visibility: hidden; instead.