i'm using css3 style checkbox site  (slide three)   html:   <div class="slidethree">         <input type="checkbox" id="slidethree" name="check" />          <label for="slidethree"></label> </div>   css:   input[type=checkbox] {     visibility: hidden; }  /* slide 3 */ .slidethree {     width: 91px;     height: 26px;     background: #2b3d61;     margin: 5px;      -webkit-border-radius: 50px;     -moz-border-radius: 50px;     border-radius: 50px;     position: relative;      -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);     -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);     box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2); }  .slidethree:after {     content: 'off';     font: 14px/26px arial, sans-serif;     color: #fff;     position: absolute;     right: 10px;     z-index: 0;   ...