css - 有没有办法将 css 样式应用于禁用的 ionic 选择选项

Question

我有一个状态列表，我希望用户选择一个状态，但并非所有状态都已启用，其中一些状态将被禁用。 我希望禁用的选项具有一些 css 样式(如灰色)

    <ion-select [(ngModel)]="selectedStatus">
      <ion-select-option [disabled]="isStatusDisabled(o)" *ngFor="let o of appointmentStatusOptions" [value]="o">
        {{appointmentStatus[o]}}</ion-select-option>
    </ion-select>

我已经厌倦了通过 :disabled 来选择元素，比如:

ion-select-option[disabled] {
--color:gray;
}

并尝试将所有禁用更改为分散的操作，例如:

:disabled {
--color:gray;
}

css 样式根本没有出现在浏览器中

Answer 1

ionic 添加类 .select-disabled 为 disabled 选择，所以你可以尝试在你的 css 中指定它