user form裡每個區域總共由3個元素組成:
- 一個label,充當container作用
- 一個span元素,維護textual label
- 一個實際的functional element label标簽的樣式:18px,bold
SAP Spartacus User Form裡checkbox的設計原理
因為label是在section這個父節點下面,是以_details.scss檔案裡定義的 .details label選擇器生效:
flex 50%去掉之後的效果:
測試一下這個label标簽到底會影響哪些頁面元素:
具有紅色邊框的都是label元素: