.ios6switch{ overflow:hidden; position:relative; display:inline-block; margin:2px; cursor:default; vertical-align:middle; box-sizing:content-box; } .ios6switch *{ -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; } .ios6switch .ios6switch_shadow_and_highlight{ position:absolute; left:0px; top:0px; width:100%; height:100%; background-repeat:no-repeat; background-image:url(images/ios6switch_shadow.png); background-size:100% 100%; z-index:1; } .ios6switch .ios6switch_draglayer{ position:absolute; height:100%; width:100%; } .ios6switch .ios6switch_switch_off{ position:absolute; top:0px; height:100%; width:100%; text-align:center; } .ios6switch .ios6switch_switch_on{ position:absolute; top:0px; height:100%; width:100%; text-align:center; } .ios6switch .ios6switch_thumb{ position:absolute; left:0px; top:0px; background-repeat:no-repeat; background-image:url(images/ios6switch_thumb.png); background-size:100% 100%; border-radius:50%; box-shadow:0px 0px 3px #000, 1px 0px 0px rgba(0,0,0,.3) inset, -1px 0px 0px rgba(0,0,0,.3) inset, 0px 1px 0px rgba(0,0,0,.3) inset, 0px -1px 0px rgba(0,0,0,.3) inset; z-index:2; }