激活时，在离子菜单中更改项目图标的颜色

Question

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

看到这个

Answer 1

您可以使用sass构建自己的custumized ionic.css

Answer 2

您可以提供自定义css来设置背景颜色，如<ion-content class="dark">

的CSS

.dark {
  background-color: red !important;
  color: #ffffff;
}

示例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上的完整代码/演示：http://codepen.io/mhartington/pen/qafgv

对于其他参考，您也可以查看：http://pointdeveloper.com/ionic-change-side-menu-color/

Answer 3

尝试在自定义CSS中覆盖chrome.tabs.onUpdated.addListener( function (tabId, changeInfo, tab) { if (changeInfo.status == 'complete') { var tabUrl = tab.url ; //code ... } }); 和item.active.item-stable个样式。

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

item.activated.item-stable