ionische Tabs Hintergrundfarbe

Question

in obigem Bild will die Farbe des Tabs (unclicked Zustand) bis zu einem gewissen other.For Beispiel in Abbildung oben Tab my home in Farbe hat Verzug dunkelgrau bei unclicked state.I ändern .Ich wünsche, seine Farbe zu etwas anderem zu ändern. Zwischenzeitlich wünsche ich auch, Farbe des Textes und der Linie zu ändern (eine, die anzeigt, welche Einzelteilvorsprünge angeklickt werden) .Ich bin neu zu ionic bitte help.Thanks im Voraus.

Answer 1

Wenn das Symbol ein SVG ist, dann ändern Sie einfach die Farbe, indem Sie die ID oder Klasse, in die es eingewickelt ist und in css tun color: green;. Das Gleiche gilt für den Text.

Answer 2

Dies für andere, die dies in Zukunft sehen werden, kann es Ihr Problem lösen.

Wenn Sie die Farbe des Symbols ändern möchten, müssen Sie verschiedene Farbsymbole haben und sie auf sate .activated of tabs setzen. 1) In diesem Szenario wird die ausgewählte Registerkarte (nur Text) geändert.

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

2) Für Reiter Hintergrundfarbe unter Snippet Änderung ausgewählt verwenden.

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

Schätzen, wenn hilft.