Ионный 2: Подчеркнутый заголовок на выбранной вкладке

Question

Я использую ионные вкладки в своем приложении. Когда пользователь коснитесь вкладки название стало подчеркивание, но я не хочу этого:

Я не понимаю, почему, я не знаю, как изменить его.

Я просто хочу что-то вроде этого:

И у меня есть, если я коснусь в другом месте.

Существует мой код:

<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> 

Кто-то есть идея, чтобы исправить это?

Answer 1

Просто добавьте этот CSS

EDIT

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

Answer 2

Попробуйте это:

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