离子工具栏边框颜色不起作用 - 如何使用文档中的自定义 CSS 属性？

Question

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

Login.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>

Login.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

离子工具栏边框颜色不起作用 - 如何使用文档中的自定义 CSS 属性？

Ion-toolbar border color not working-How do I use custom CSS properties from documentation?

ionic-framework

ionic3