改变sidemenu中的项目图标的颜色当它被激活时在离子状态下

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

尝试在覆盖item.active.item-stable和item.activated.item-stable风格您的自定义CSS。

添加下面的风格在你的自定义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; 
}