在日常前端開發中,radio 和 checkbox 是非常常用的表單元素,但瀏覽器預設的樣式往往不符合設計需求。因此,學會如何客製化這些元素樣式是每個前端設計師的必備技能之一。在這篇教學文中,我們將介紹如何使用 CSS 來客製化 radio 和 checkbox,而且進一步用 checkbox 做出一個開關按鈕 (Switch Button)。
ㄧ、改變 checkbox/radio 顏色:accent-color
在之前的文章,我們曾經有提過:
#32 CSS 顏色變數 currentco...