custom checkbox with image css
#trigger { display: none; } .checker { background-image: url(assets/checkboxes.png); background-position: left center; background-size: auto 100%; width: 40px; height: 40px; background-repeat: no-repeat; } #trigger:checked + .checker { background-position: right center; }