功能開關按鈕 switch toggle button by pure CSS
在設定頁面常用的功能,將 checkbox visbility: hidden,
label 標籤當底部區域,
label:after 當做上方開關的圓,
用 input:checked + label 來寫打開時的樣式。
See the Pen very simple switch toggle by Chia Yi Lai (@ChiaYiLai) on CodePen.
在設定頁面常用的功能,將 checkbox visbility: hidden,
label 標籤當底部區域,
label:after 當做上方開關的圓,
用 input:checked + label 來寫打開時的樣式。
See the Pen very simple switch toggle by Chia Yi Lai (@ChiaYiLai) on CodePen.