无法在Ionic2中更改ion-header的背景颜色

时间:2016-12-21 11:39:45

标签: angular ionic2

我有一个Ionic2项目,我想更改ion-header是背景色。 我尝试了[ngStyle],CSS选择器和ETC ......

这是项目: https://github.com/eshk12/Parabi/tree/Medicine-Component-Created 这是代码:

https://github.com/eshk12/Parabi/blob/Medicine-Component-Created/src/pages/Medicine/Medicine.html

感谢您的帮助!

2 个答案:

答案 0 :(得分:3)

  1. 首先将颜色添加到src / theme / variables.scss

    示例:

    $colors: ( ..., blusky: #87CEEB);

  2. ion-toolbar标记添加颜色

    示例:

    <ion-navbar color="blusky">

    </ion-ion-navbar>

答案 1 :(得分:1)

我发现了如何解决这个问题, 只需将这些行添加到css文件中:

.toolbar-background{ background-color:#375faf; }