Checkbox Hack

checkbox.css

/* Checkbox Hack */

input[type=checkbox] {
   display: none;
}
label {
  cursor: pointer;
}

/* Default State */
div {
   background: green;
   width: 400px;
   height: 100px;
   line-height: 100px;
   color: white;
   text-align: center;
}

/* Toggled State */
input[type=checkbox]:checked ~ label div {
   background: red;
}

checkbox.html

<input type="checkbox" id="toggle">
<label for="toggle">
<div>I'm controlled by toggle. No JavaScript!</div>
</label>