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

if you want your check box to keep its height and width but only be invisible:

.hiddenCheckBox{
    visibility: hidden;
}

if you want your check box to be invisible without any with and height:

.hiddenCheckBox{
    display: none;
}