纯css实现开关按钮（滑块）

在线展示开关按钮
本地下载代码
在线编辑

html:

<div class="onoffswitch">
     <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" checked>
     <label class="onoffswitch-label" for="myonoffswitch">
         <span class="onoffswitch-inner"></span>
         <span class="onoffswitch-switch"></span>
     </label>
 </div>

CSS：

<style>
    .onoffswitch {
        position: relative;
        width: 83px;