Ionic 3：从 ion-header 更改边框颜色

Question

我正在使用 Ionic 3 开发一个新应用，但我想更改标题中的边框颜色，但我不知道该怎么做。

有什么帮助吗？

我的html文件：

<ion-header no-shadow class="nav-content">
  <ion-navbar hideBackButton>
    <ion-title>
      MEDITACIÓN
    </ion-title>
    <ion-buttons end>
      <button ion-button icon-only>
        <ion-icon name="close" color="third"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content class="content">
</ion-content>

我的 sass 文件：

page-meditation {
  .scroll-content {
    overflow: hidden;
  }

  .toolbar {
    border-color: red !important;
    // box-shadow: 0px 1px 0px #ff9100!important;
  }

  .content {
    background-color: color($colors, primary, base);
  }
}

如果我把边框颜色它不起作用。如果放置框阴影，则可以使用，但线条绘制在另一个边框下方并加厚 1px。

提前致谢。

Answer 1

Ionic 应用标头的结构如下所示：

<ion-header>
  <ion-navbar>
    <ion-title>Page1</ion-title>
  </ion-navbar>

  <ion-toolbar>
    <ion-title>Subheader</ion-title>
  </ion-toolbar>
</ion-header> 

css

 .toolbar{
       border-color: red;
    }