CSS 自定义多选框样式

今天看了一个做 Todo List 的视频，学了一招，可以自定义多选框的样式，只用 CSS 就可以做到。

整个的思路大概是：隐藏 input 元素，在 label 下用伪元素实现一个自定义的多选框。

起步

先写一些关于表单最基础的 HTML 和 CSS。

下面的 HTML 表单允许你选择多个颜色：

<form>
  <fieldset>
    <legend>Choose Your Color</legend>
    <ul>
      <li>
        <input type="checkbox" name="red" id="red" />
        <label for="red">red</label>
      </li><