在 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 输出：

需要的输出：

注意：此图是windowspaint绘制的。我上传是为了给你我想要的示例。

Answer 1

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