【问题标题】:Ionic 2 : Underline title on selected tabIonic 2:选定选项卡上的下划线标题
【发布时间】:2017-07-10 21:21:15
【问题描述】:

我在我的应用程序中使用 ion-tabs。当用户触摸标签时,标题变为下划线,但我不希望这样:

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

我只想要这样的东西:

如果我触摸其他地方,我就会拥有它。

这是我的代码:

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

有人有解决办法吗?

【问题讨论】:

  • 我看到你已经使用 tabsHighlight=false,它对我有用,但我只有文本标签,没有图标 =/

标签: javascript angular sass ionic2


【解决方案1】:

只需添加这个 CSS

编辑

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

【讨论】:

  • 在我的 variables.scss 中?我试试这个,但它不起作用。
  • .parentClass ion-tab:hover改成.tab-button:hover再试一次?
  • 有效!你可以更新你的答案! :D 谢谢你!
【解决方案2】:

试试这个:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-05-11
    • 1970-01-01
    • 2016-01-20
    • 2018-10-31
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多