开关按钮

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

<label class="ui-switch"><input type="checkbox" name="checkbox-5" disabled><i class="ui-switch-checkbox"></i></label>
<label class="ui-switch"><input type="checkbox" name="checkbox-6" checked disabled><i class="ui-switch-checkbox"></i></label>

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