Ionic 2:选中选项卡上的下划线标题

时间:2017-02-21 10:00:49

标签: javascript angular sass ionic2

我在我的应用程序上使用了ion-tabs。当用户触摸标签时,标题会变为下划线但我不想要这个:

enter image description here

我不明白为什么,我不知道如何改变它。

我只想要这样的事情:

enter image description here

如果我碰到其他地方,我就拥有它。

有我的代码:

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

有人有想法解决它吗?

2 个答案:

答案 0 :(得分:3)

只需添加此CSS

即可

编辑

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

答案 1 :(得分:0)

试试这个:

.tab-item:hover {
    text-decoration: none;
}
相关问题