How can I hide a checkbox in html?

Question

I want to hide a checkbox.
But also want that, when I click on label associated with corresponding checkbox, the checkbox should

Answer 1

input may have a hidden attribute:

input:checked + span::before {
  content: 'un';
}

  
  check