如何更改活動離子選項卡的顏色？

Question

我正在嘗試將活動離子選項卡的背景顏色從白色更改爲綠色。我發現這個線程，但它似乎是一種解決不工作了：

https://forum.ionicframework.com/t/change-color-of-active-state-in-tab-icons/12547

是否有人知道如何做到這一點？

謝謝。

Answer 1

添加樣式.tab-item-active類這樣

.tab-item-active{ background:green; }

看到這個codepen：http://codepen.io/edisonpappi/pen/aWvmjz

Answer 2

這可以通過以下方式進行：

離子具有以下的css：

.tab-item.tab-item-active, .tab-item.active, .tab-item.activated { 
    opacity: 1; 
} 

你需要如下重寫它：

.tab-item.tab-item-active, .tab-item.active, .tab-item.activated { 
    color: red; 
} 

Answer 3

對於我來說，設置「.activated」之類的CSS規則的工作。

.activated { 
    background-color: blue; 
} 

該類即刻應用於所選的選項卡項目。