search

Home  >  Q&A  >  body text

angular.js - title color change in ionic tab

Ionic develops a small APP and turns the ion-tabs into black. The title text in the ion-tab is also black and cannot be distinguished from the background

And this happens only on iOS, the Android title is white

How to solve it

<ion-tabs class="tabs-icon-top tabs-color-active-energized tabs-dark">

  <ion-tab title="标签1" icon-off="off-sign" icon-on="on-sign" href="#/tab/sign" class="sign">
    <ion-nav-view name="tab-sign"></ion-nav-view>
  </ion-tab>
</ion-tabs> 

For iOS:

Under Android:

世界只因有你世界只因有你2780 days ago656

reply all(2)I'll reply

  • 阿神

    阿神2017-05-15 17:13:13

    Change the color inline instead of using the default. You can try it

    reply
    0
  • 黄舟

    黄舟2017-05-15 17:13:13

    Add in app.scss file:

    $tabs-ios-tab-text-color:#fff;

    reply
    0
  • Cancelreply