Ionic framework 激活时，更改爱奥尼亚侧菜单中项目图标的颜色

在Ionic应用程序中，我需要将侧菜单的背景色更改为红色。默认情况下，当我单击或按下一个项目时，稳定颜色将成为背景色，但我需要变成红色

看到这个了吗

---

您可以使用来构建自己的定制爱奥尼亚。css

您可以使用自定义css设置背景颜色，如

Css

示例HTML

<ion-side-menu side="left">
        <ion-header-bar class="bar bar-dark">
          <h1 class="title">Left Menu</h1>
        </ion-header-bar>
        <ion-content class="dark">
          <ion-list class="list">
            <ion-item href="#/event/check-in">Check-in</ion-item>
            <ion-item href="#/event/attendees">Attendees</ion-item>
          </ion-list>
        </ion-content>
</ion-side-menu>

左菜单
登记入住
与会者

您可以在codpen上查看完整的代码/演示，其中也有适当的注释：

---

对于其他参考，您也可以选中此项：

尝试覆盖自定义CSS中的

item.active.item stable

和

item.activated.item stable

样式

在自定义CSS中添加以下样式：

.item.active.item-stable, .item.activated.item-stable, .item-complex.active .item-content.item-stable, .item-complex.activated .item-content.item-stable, .item .item-content.active.item-stable, .item .item-content.activated.item-stable{
    border-color: #B81D22;
    background-color: #B81D22;
}

---

我知道使用了sass，但我不知道需要覆盖哪些类！你的问题解决了吗？

.item.active.item-stable, .item.activated.item-stable, .item-complex.active .item-content.item-stable, .item-complex.activated .item-content.item-stable, .item .item-content.active.item-stable, .item .item-content.activated.item-stable{
    border-color: #B81D22;
    background-color: #B81D22;
}