'Style disabled ion-select

How to remove transparent style from ion-select which is disabled ? Please help.

  <ion-item (click)="goToProducts()">
    <ion-label stacked>product</ion-label>
    <ion-select [(ngModel)]="product" disabled class="disabled">
      <ion-option value="1">Product 01</ion-option>
    </ion-select>
  </ion-item>

on scss file

   .disabled{ ?
   }
cssangularselectstylesionic2


Solution 1:[1]

I add this:

.select-disabled, .item-select-disabled ion-label {
    opacity: 1;
}

it works for me

Solution 2:[2]

create a class example class="select" then on scss add this?

select { --placeholder-opacity: 100% ; }

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 ngLucas
Solution 2 Viano Di Napoli

Related Questions