首页 > 解决方案 > ion-item / ion-native 背景颜色

问题描述

我遇到了 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">一个白色背景。

我试图做的事情:

app.component.scss :

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

所以这就是我得到的:

在此处输入图像描述

标签: cssangularionic-frameworksassionic3

解决方案


在你的 CSS 页面中试试这个:

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

推荐阅读