在android上我的页脚活动标签的顶部显示边框

Question

我正在做我的离子移动应用程序，一切看起来都不错，但是当我在Android上测试我的应用程序时，在我的页脚活动标签的顶部显示边框，就像在照片上

我试图将border-top：0px，border：0px，border：none设置为此标签导航的每个元素，但无论如何它都会出现，如何解决？

这是我的menu.html：

<ion-tabs class="tabs-icon-top" id="tab">

  <ion-tab title="Feed" icon-off="my-feed-icon" icon-on="my-yellow-feed-icon"
    href="#/app/feed">
    <ion-nav-view name="feed-tab"></ion-nav-view>
  </ion-tab>

  <ion-tab title="Selected" icon-off="my-selected-icon" icon-on="my-yellow-selected-icon"
    href="#/app/selected">
    <ion-nav-view name="selected-tab"></ion-nav-view>
  </ion-tab>

  <ion-tab title="Actions" icon-off="my-actions-icon" icon-on="my-yellow-actions-icon"
    href="#/app/actions">
    <ion-nav-view name="actions-tab"></ion-nav-view>
  </ion-tab>

  <ion-tab title="Charts" icon-off="my-charts-icon" icon-on="my-yellow-charts-icon"
    href="#/app/charts">
    <ion-nav-view name="charts-tab"></ion-nav-view>
  </ion-tab>

  <ion-tab title="More" icon="my-more-icon"
    href="#/app/more">
    <ion-nav-view name="more-tab"></ion-nav-view>
  </ion-tab>  

</ion-tabs>

例如http://play.ionic.io/app/2d5464658b7e，但你只能在android /

上看到这个

Answer 1

所以，碰到这个并弄清楚它没有得到答复，所以我在chrome中检查并发现了如何实现这个目标，如果其他人有时需要它，那就是：

.tabs-striped.tabs-light .tab-item.tab-item-active,
.tabs-striped.tabs-light .tab-item.active,
.tabs-striped.tabs-light .tab-item.activated .list select {
    border:none;
}

只需将标签 - 灯替换为您正在使用的任何标签模板....