在Ionic 2中使用<ion-segment>时如何显示<ion-navbar>的阴影/边框

Question

作为标题，我想要显示内部的阴影/边框但我找不到解决方案..我使用了一些css代码但没有任何改变

这是我的HTML代码

<ion-header>
  <ion-navbar color="{{this.appService.appColor}}">
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>
      Feedbacks
    </ion-title>
  </ion-navbar>
  <ion-toolbar color="{{this.appService.appColorDark}}">
    <ion-segment [(ngModel)]="seg" color="{{this.appService.appStyle}}">
      <ion-segment-button value="users">
        <font color="white">Users Messages</font>
      </ion-segment-button>
      <ion-segment-button value="visitors">
        <font color="white">Visitor Messages</font>
      </ion-segment-button>
    </ion-segment>
  </ion-toolbar>
</ion-header>

HTML输出：

需要输出：

  

注意：此图片已由windows paint绘制。我上传了给你你想要的样例。

Answer 1

我认为解决此问题的最佳解决方案是使用标签替换段。