使用CSS3编写类似iOS中的复选框及带开关的按钮

1. <div class="mui-checkbox-con">       <label>  
2.         <input class="mui-checkbox" type="checkbox">默认未选中</label>   </div>  
3. <div class="mui-checkbox-con">       <label>  
4.         <input class="mui-checkbox" type="checkbox" checked>默认选中</label>   </div>  
5. <div class="mui-checkbox-con">       <label>  
6.         <input class="mui-checkbox checkbox-orange" type="checkbox" checked>橘黄色 checkbox-orange</label>   </div>  
7. <div class="mui-checkbox-con">       <label>  
8.         <input class="mui-checkbox checkbox-green" type="checkbox" checked>绿色 checkbox-green</label>   </div>  
9. <div class="mui-checkbox-con">       <label>  
10.         <input class="mui-checkbox" type="checkbox" disabled>禁用</label>   </div>  

CSS代码（SCSS导出的，排版有些奇怪）：