I want to set the opacity of ion-label
of disabled ion-input
where I have the ion-label
in position-floating
<ion-item>
<ion-label position="floating">Submitssion Code</ion-label>
<ion-input name="{{user.fieldName}}" type="{{user.fieldType}}" [disabled]="true" [value]="user.subCode.value"></ion-input>
</ion-item>
I have already set the opacity for ion-input
value if the field is disabled
using following code in global.scss
.native-input[disabled] {
opacity: 10 !important;
}
How can I do the same for ion-label
also. I want that label to be visible properly in any color.