离子项目/离子本色

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

在login.scss中尝试

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

我已经在我的应用程序中尝试过它，并且可以正常工作。

Answer 2

使用Ionic提供的ion-item CSS定制属性：

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

Answer 3

在您的CSS页面中尝试此操作：

ion-item {
  --ion-background-color: transparent !important
}

Answer 4

在您的 css 样式中使用它：

ion-item {
 --background: transparent !important;
}

Answer 5

使用ion-list代替ion-item可以解决问题