Skip to main content
6 of 7
deleted 4 characters in body
TylerH
  • 21.3k
  • 84
  • 84
  • 121

No JavaScript or jQuery required.

Change your checkbox style simple way.

input[type="checkbox"] { display: none; border: none !important; box-shadow: none !important; } input[type="checkbox"] + label span { background: url(http://imgh.us/uncheck.png); width: 49px; height: 49px; display: inline-block; vertical-align: middle; } input[type="checkbox"]:checked + label span { background: url(http://imgh.us/check_2.png); width: 49px; height: 49px; vertical-align: middle; }
<input type="checkbox" id="option" /> <label for="option"> <span></span> Click me </label>

Here is a JSFiddle link

Cherish
  • 310
  • 1
  • 7