Switch



<label class="switch"><input type="checkbox" name="checkbox-1" checked=""><span class="switch-checkbox"></span></label> <br> <label class="switch"><input type="checkbox" name="checkbox-2" checked=""><span class="switch-checkbox switch-text"></span></label> <br> <label class="switch"><input type="checkbox" name="checkbox-3" checked=""><span class="switch-checkbox switch-icon"></span></label> <br> <label class="switch"><input type="checkbox" name="checkbox-4" checked=""><span class="switch-checkbox switch-en"></span></label>

禁用
<label class="switch"><input type="checkbox" name="checkbox-5" disabled=""><span class="switch-checkbox"></span></label> <label class="switch"><input type="checkbox" name="checkbox-6" checked="" disabled=""><span class="switch-checkbox"></span></label>

颜色
<label class="switch switch-red"><input type="checkbox" name="checkbox-5" checked=""><span class="switch-checkbox"></span></label> <label class="switch switch-yellow"><input type="checkbox" name="checkbox-5" checked=""><span class="switch-checkbox"></span></label> <label class="switch switch-blue"><input type="checkbox" name="checkbox-5" checked=""><span class="switch-checkbox"></span></label> <label class="switch switch-green"><input type="checkbox" name="checkbox-5" checked=""><span class="switch-checkbox"></span></label> <label class="switch switch-info"><input type="checkbox" name="checkbox-5" checked=""><span class="switch-checkbox"></span></label>