功能開關按鈕 switch toggle button by pure CSS
在設定頁面常用的功能,將 checkbox visbility: hidden,label 標籤當底部區域,l …
將原本的 checkbox visibility: hidden,
label 標籤做底部區域,
label:after 做打勾樣式,
用:checked + label 來判斷是否勾選(注意用加號選擇器,label 一定要在 input 後方)。
可修改 sass 中的 cb-size 值來更改 checkbox 大小。
See the Pen checkbox by pure CSS by Chia Yi Lai (@ChiaYiLai) on CodePen.