hide-checkboxes-and-line-through-labels.css

Given a DOM structure like

     <ul class="hide-checkboxes-and-line-through-labels">
         <li><input type="checkbox" id="a"><label for="a">My Label</label></li>
     </ul>

These CSS rules will hide the checkbox and will instead dim the label text and draw a line through it when the checkbox is unchecked. Note that the hidden checkbox is still interactive since it has a label that the user can click on.

[Back]