少有人走的路

（1）文本输入

（1）基本样式

<div class="switch">
  <input class="switch-input" id="exampleSwitch" type="checkbox" name="exampleSwitch">
  <label class="switch-paddle" for="exampleSwitch">
    <span class="show-for-sr">Download Kittens</span>
  </label>
</div>

（1）基本样式

用户拖动的控制柄（.slider控制柄）。

填充（.slader填充），根据控制柄所在的位置动态调整大小。

隐藏的＜input＞，即滑块值的存储位置。

（1）基础样式

<!-- Anchors (links) -->
<a href="about.html" class="button">Learn More</a>
<a href="#features" class="button">View All Features</a>

<!-- Buttons (actions) -->
<button class="submit success button">Save</button>
<button type="button" class="alert button">Delete</button>

（1）基本样式

<div class="button-group">
  <a class="button">One</a>
  <a class="button">Two</a>
  <a class="button">Three</a>
</div>