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

You need to add the element type to the class, otherwise it will not work.

.hide-checkbox { display: none }        /* This will not work! */
input.hide-checkbox { display: none }   /* But this will. */ 

Checkbox

It looks too simple, but try it out!