Chia Yi Lai

Radio by pure CSS

將原本的 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.

keyboard_arrow_up