Ion工具栏边框颜色无效如何使用文档中的自定义CSS属性

Question

//--border color是从ionic文档中复制的属性，但它不起作用。下面是我的代码示例。我正在尝试使用自定义CSS属性，但它似乎不起作用！

登录.html

<ion-content>
    <ion-header [translucent]="true">
      
    
      <ion-toolbar class="toolbar" > 
     <ion-title>
    
      Parent's Login Portal
    
    
     </ion-title>
    <ion-buttons slot="start">  <ion-back-button defaultHref="#"></ion-back-button> </ion-buttons>
     
      </ion-toolbar>
    </ion-header>
    
    
    </ion-content>

登录scss

.toolbar{
--border-color:sucess;
}

Answer 1

根据文档：使用此css：

ion-toolbar{
  --border-color: red!important; 
  box-shadow: 0px 0px 0px 1px red;
}

在iOS工具栏有边框在Android它有框阴影。

检查文档：https://ionicframework.com/docs/api/toolbar#borders