Ionic 7 如何更改离子复选框的复选框和标签之间的间距？

Question

如何更改 Ionic7 中离子复选框中复选框本身与其旁边的文本标签之间的空间/边距/填充？

<ion-checkbox labelPlacement="end">Visa ålder</ion-checkbox>

似乎有阴影部分标签，但我无法更改它。

Answer 1

解决方案是为阴影部分标签设置margin-inline-start。将其放入您的 scss 文件中：

ion-checkbox {

   &::part(label)
   {
      margin-inline-start: 5px;
   }
}