Skip to main content
5 of 7
snippet for more organized page looking
Shiny
  • 5.1k
  • 3
  • 19
  • 33

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 JsFiddle link

Cherish
  • 310
  • 1
  • 7