イオン2のボーダーを表示せずにイオンヘッダーの背景色を変更する方法は？

Question

私はイオンヘッダーに他の色をうまく実装していると言えますが、ですが、モバイルアプリケーションではグローバルでなくてもボーダーをどのように削除するかが問題です。どうすればいいですか？

以下

は、私が試したすべてです：私のvariable.scss のsrc /テーマ/ variable.scssに白を追加しました

：

$colors: (
    primary: #488aff, 
    secondary: #32db64, 
    danger:  #f53d3d, 
    light:  #f4f4f4, 
    dark:  #222, 
    white:  #fff 
); 

は今それに白い色を追加することができるしています。 のsrc /ページ/ login.htmlと

<ion-header> 
    <ion-navbar color="white"> 
    <button ion-button menuToggle> <!--menuToggle removed and ion button hidden. You don't wanna show menu when they are yet to sign in--> 
     <ion-icon name="menu"></ion-icon> 
    </button> 
    <ion-title>Login</ion-title> 
    </ion-navbar> 
</ion-header> 

しかし、国境はまだ示しています。私はボーダーが見せたくありません。

Answer 1

いいえ、私はno-borderを<ion-header>イオン要素に渡すだけで分かりました。それは国境を取り除く。

そこで問題に投稿されたコードに基づいて、のsrc /ページ/ login.htmlとは次のようになります。

<ion-header no-border> 
    <ion-navbar color="white"> 
    <button ion-button menuToggle> <!--menuToggle removed and ion button hidden. You don't wanna show menu when they are yet to sign in--> 
     <ion-icon name="menu"></ion-icon> 
    </button> 
    <ion-title>Login</ion-title> 
</ion-navbar>