我有一个状态列表,我希望用户选择一个状态,并非所有状态都已启用,其中一些状态将被禁用。
我希望禁用的选项具有某些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样式根本不出现在浏览器上

最佳答案

要全局更改,可以在组件样式表中添加此代码:

::shadow /deep/ button[disabled] .alert-radio-label {
  color: gray;
}


或在global.scss上:

ion-alert button[disabled] .alert-radio-label {
  color: gray;
  // color: var(--ion-color-gray, gray);
}

10-05 20:45
查看更多