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

Question

我试图只禁用离子复选框，但这导致禁用放置在同一离子项目中的离子标签。

<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

我通过删除禁用的属性并使用css对其进行相应的样式设置来解决这个问题：

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