2017-02-21 7 views
0

Ich verwende Ion-Tabs in meiner Anwendung. Wenn der Benutzer auf die Registerkarte der Titel wurde berühren unterstreichen, aber ich will das nicht:Ionic 2: Titel auf der ausgewählten Registerkarte unterstreichen

enter image description here

Ich verstehe nicht, warum, ich weiß nicht, wie es zu ändern.

Ich möchte nur etwas wie folgt aus:

enter image description here

Und ich habe es, wenn ich an anderer Stelle berühren.

Es ist mein Code:

<ion-tabs tabsHighlight="false"> 
    <ion-tab [root]="HomePage" tabsHideOnSubPages="true" 
      tabIcon="checkbox" 
      tabTitle="A FAIRE" 
      tabBadge="2" 
      tabBadgeStyle="notif"> 
    </ion-tab> 
    <ion-tab [root]="ToComePage" 
      tabsHideOnSubPages="true" 
      tabIcon="time" tabTitle="A VENIR" 
      tabBadge="1" 
      tabBadgeStyle="notif"> 
    </ion-tab> 
    <ion-tab [root]="HistoricPage" 
      tabsHideOnSubPages="true" 
      tabIcon="book" 
      tabTitle="HISTORIQUE"> 
    </ion-tab> 
</ion-tabs> 

Jemand eine Idee haben, um es zu beheben?

+0

Ich sehe Sie schon tabsHighlight verwenden = false, ist es für mich gearbeitet, aber ich habe nur text- Registerkarten keine Symbole =/ –

Antwort

2

Fügen Sie einfach diese CSS

EDIT

.tab-button:hover{ 
    text-decoration: none; 
    } 
+0

In meinem Variablen.Schlag? Ich versuche das, aber es funktioniert nicht. –

+1

Ändern Sie ".parentClass ion-tab: hover" in '.tab-button: hover' und versuchen Sie es erneut? – awmleer

+0

Es funktioniert! Sie können Ihre Antwort aktualisieren! : D Danke dir! –

0

Versuchen Sie folgendes:

.tab-item:hover { 
    text-decoration: none; 
} 
Verwandte Themen