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;
    }

离子3：从离子头更改边框颜色

1 个答案: