2016-04-02 14 views
0

enter image description hereイオンタブの背景色

上の写真では上図の一部other.For例に、タブの色(unclicked状態)を変更したいunclicked state.Iでの私のホーム]タブには、濃いグレーのデフォルトの色を持っています私はその色を他のものに変更したいと思います。一方で、テキストと行の色(クリックした項目のタブを示すもの)も変更したいと思います。私はイオンに新しいです。事前に感謝します。

答えて

0

アイコンがSVGの場合は、そのIDまたはクラスをラップしてCSSの色を変更するだけです。color: green;。同じことがテキストのために行く。

+0

私はionicons.comで利用可能なデフォルトのアイコンを使用しています。上記の解決策は私のためには機能しません –

+0

ああ...申し訳ありませんが、私はnothinを得た – joeldesante

0

今後これを見る他の人には、あなたの問題を解決する可能性があります。

アイコンの色を変更するには、異なる色のアイコンが必要で、タブのアクティブ化時にそれらを設定する必要があります。 1)このシナリオでは、選択したタブ(テキストのみ)の色が変更されます。変更選択したタブの背景色のみスニペットの下使用について

.tab-item.tab-item-active, .tab-item.active, .tab-item.activated{ 
    opacity: 1; 
    color: #327FAF; 
} 

2) 。

.tabs-top.tabs-striped .tab-item{ 
    background: #33cd5f; 
} 

助けてくれれば助かります。