2016-09-15 4 views
0

enter image description hereカラーラインを変更

こんにちは! Someboyは白い線のヘッダーの下にある黒い線をどうやって変更できるのか知っていますか? ありがとうございます。

よろしくお願いいたします。

mapa.html

<ion-header> 
    <ion-navbar rojo_esfreus> 
    <ion-title> 
      Mapa 
    </ion-title> 
    </ion-navbar> 
</ion-header> 

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

app.variables.scss

@import "globals.core"; 
$colors: (
    primary: #387ef5, 
    secondary: #32db64, 
    danger:  #f53d3d, 
    light:  #f4f4f4, 
    dark:  #222, 
    favorite: #69BB7B, 
    rojo_mio: #d2392b, 
    pulsado: #FC5252 
); 
$toolbar-border-color: #fff; 
+0

を正直言って、ionic2を使用したことはありません..しかし、Googleの後:http://codepen.io/anon/pen/qZVKWM – fqhv

答えて

1

代わりのスタイルルールを上書きし、あなたはより多くのイオン2ウェイでそれを行うことができますし、 Ionic variablesより優先します。あなたのapp.variables.scssファイル内のコード行を追加し、それを行うためには

$toolbar-border-color: #fff; 

それともあなただけの特定のプラットフォームのためにそれを変更したい場合は、それらの線を使用します。

$toolbar-ios-border-color: #fff; 
$toolbar-md-border-color: #fff; 
+0

返信ありがとうsebaferreras、ちょうど "$ツールバーの境界線の色:#fff;"線は白くなりますか? S – Tecnico

+0

@Tecnico問題を再現するために[このplunker](https://plnkr.co/edit/vEjjdH)を使用してください。そうすれば、私はそこに起こっていることを見ることができます:) – sebaferreras

+0

お返事ありがとうございました!私はPlunkerの仕事の仕組みがわかりませんが、私のコードはとても簡単ですが、私は自分の質問を更新するつもりです。私は自分のコードを追加します。 – Tecnico