CSS3模拟IOS滑动开关效果

2020-05-06 09:13:45易采站长站整理

  
        .raw-checkbox:disabled+label:after {   
            background: #bcbdbc;   
        }   
  
    </style>  
</head>  
  
<body>  
    <div class="ios-checkbox">  
        <input type="checkbox" id="ios-checkbox" name="emulate-ios-button" class="raw-checkbox">  
        <label for="ios-checkbox" class="emulate-ios-button"></label>  
    </div>  
</body>  
  
</html>  
  

总结

为了更直观的比较,raw checkbox我就没有隐藏了。