Ionic 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

编辑

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

Answer 2

试试这个：

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