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; ...