ионный элемент / ионно-родной цвет фона

Question

У меня проблема с цветом фона ионного элемента.

Что я хочу:

Установите цвет фона на прозрачный.

Что у меня есть:

<ion-item class="custom-ion-toggle">
    <ion-label>Remember me!</ion-label>
    <ion-toggle formControlName="remember" slot="start" color="secondary" mode="ios"></ion-toggle>
</ion-item>

Создает <div class="item-native"> с белым фоном.

Что я пытался сделать:

app.component.scss:

.item-native {
    background: transparent !important;
}

Так вот что я получаю:

Answer 1

Используйте пользовательское свойство CSS ion-item, предоставленное Ionic:

.custom-ion-toggle {
  --background-color: transparent;
}

Answer 2

попробуйте это в login.scss

 .custom-ion-toggle{
       background-color: transparent !important;
   }

Я попробовал его в своем приложении, и он работает совершенно нормально.