Ionic5：禁用离子复选框导致放置在同一离子项目中时禁用离子标签

Question

我试图只禁用 ion-checkbox 但这导致禁用放置在同一 ion-item 中的 ion-label。

<ion-item>
   <ion-label>Using GPS</ion-label>
   <ion-checkbox slot="start" [(ngModel)]='reachedUsingBeacon' disabled="true"></ion-checkbox>
</ion-item>

我尝试通过添加pointer-events: auto; 来解决它，但它不起作用。

ion-item {
    pointer-events: auto;
}

任何帮助将不胜感激。谢谢！

Answer 1

我能够通过删除 disabled 属性并使用 css 来设置相应的样式来解决这个问题：

.disabled {
  pointer-events: none;
  opacity: 0.6;
}