Checkbox by pure CSS
將原本的 checkbox visibility: hidden,label 標籤做底部區域,label:af …
將原本的 radio visibility: hidden,
label 標籤做底部區域,
label:after 做 checked 的小圓點,
用:checked + label 來判斷是否勾選(注意用加號選擇器,label 一定要在 input 後方)。
可修改 sass 中的 radio-size 值來更改 radio大小。
See the Pen radio by pure CSS by Chia Yi Lai (@ChiaYiLai) on CodePen.