Ion-item / ion-родной цвет фона
У меня возникает проблема с цветом фона ion-item.
Что я хочу :
Установите цвет фона на прозрачный.
Что я имею :
<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"> с белым фоном.
Что я пытался сделать:
приложение.компонент.scss :
.item-native {
background: transparent !important;
}
Итак, вот что я получаю:
Ответы 5
попробуйте это в login.scss
.custom-ion-toggle{
background-color: transparent !important;
}
Я попробовал это в своем приложении, и оно работает совершенно нормально.
Хорошо, спасибо за ваш ответ. К сожалению, это не работает для меня. На самом деле он меняет фон ion-item, но уже установлен на transparent. Тег, которым я должен манипулировать, это div class = "item-native">, но я не могу манипулировать его свойствами CSS...
Используйте пользовательское свойство CSS ion-item, предоставленное Ionic:
.custom-ion-toggle {
--background-color: transparent;
}
попробуйте это на своей странице css:
ion-item {
--ion-background-color: transparent !important
}
используйте ion-list вместо ion-item, это решит проблему
Используйте это в своем стиле CSS:
ion-item {
--background: transparent !important;
}
Я также пробовал: global.scss:
.custom { &-ion-toggle { .item-native { background: transparent !important; } } }