菜鸟教程 tryfoundation_switches_round 在线代码实例

运行 保存 全屏 右侧展示 实时查看
主题:

 <div style="padding:20px;">
  <h2>圆角开关</h2>
  <p>使用 <code>.radius</code> 和 <code>.round</code> 类来设置圆角开关:</p>
  <span>默认</span>
  <div class="switch">
    <input id="mySwitch1" type="checkbox">
    <label for="mySwitch1"></label>
  </div> 

  <span>圆角</span>
  <div class="switch radius">
    <input id="mySwitch2" type="checkbox">
    <label for="mySwitch2"></label>
  </div> 

  <span>圆形</span>
  <div class="switch round">
    <input id="mySwitch3" type="checkbox">
    <label for="mySwitch3"></label>
  </div> 
</div>