自定义checkbox

  1. input:checkbox 配合 label
  2. 外层用 div 容器包裹
  3. input 改 display: none ,label 改 display: blockopacity: 0
  4. 当选中 label 时,input 会把状态改为 checked
  5. 最后再利用 :checked 伪类选择器 和 input:checked + label 相邻兄弟选择器设置 label 的 opacity: 1