自定义开关选择器

背景知识： transition (opens new window), 伪元素 (opens new window)

同自定义复选框或自定义单选框类似，都是利用一个隐藏的input(:checked)元素 + 一个关联的label元素，通过label元素及其伪元素模拟switch选择器，通过input的:checked属性来模拟switch状态是否开启。