我有一个状态列表,我希望用户选择一个状态,并非所有状态都已启用,其中一些状态将被禁用。
我希望禁用的选项具有某些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);
}