Chia Yi Lai

功能開關按鈕 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.

keyboard_arrow_up