离子离子选择动力学类-Java 学习之路

我使用离子3并尝试改变背景颜色离子选择 .

html文件：

<ion-select   [class.disabledField]="disabledVar" disabled="{{disabledVar}}"  [(ngModel)]="dataModel">
            <ion-option *ngFor="let item of lists" value="{{item.id_str}}">{{item.text}}</ion-option>
          </ion-select>

scss文件：

.disabledField { 
        background-color:#d7d7d7;
    }

背景颜色不能改变 . 但不知何故，这个代码没有离子输入和离子日期时间的问题 . 这个问题只有离子选择 .

如果有人能帮助我，我真的很感激 .

谢谢 .

2 回答

问题解决

.item-select-disabled ion-label,ion-datetime {
        opacity: 100;
        color:#000;
        font-size: $font-size-field;
    }


    .disabledField { 
        opacity: 100;
        background-color:#d7d7d7;
    }

    .select-disabled {  
        opacity: 100;
        background-color:#d7d7d7 !important; 
        /*you can optionally add !important*/
    }

 <ion-select   [class.disabledField]="disabledVar" disabled="{{disabledVar}}"  [(ngModel)]="dataModel">
            <ion-option *ngFor="let item of lists" value="{{item.id_str}}">{{item.text}}</ion-option>
          </ion-select

回复于 2024-04-26T03:44:09+08:00

我想你想调整禁用选择的外观，所以也许

ion-select[disabled] {  
    background-color:#d7d7d7; 
    /*you can optionally add !important*/
}

或者另一种方式，使用[ngClass]：

<ion-select [ngClass]="'disabledField': disabledVar === true"...

回复于 2024-04-26T03:44:09+08:00

离子离子选择动力学类

2 回答

相关问题