我的应用程序是cordova，离子3.2 . 我想要ion-navbar组件的全局样式 . 所以我在variables.scss文件中声明了带有.toolbar-background的样式 . 现在，所有页面中的离子导航栏样式都会发生变化 . 它的工作正常 . 现在我想仅禁用特定离子导航栏的样式 . 有人可以帮助我吗？

例如：我在variable.scss中有以下代码;

.toolbar-background{ 
  background-color: red !important; 
}

我在app.html页面下面有 Headers 代码（左侧菜单 Headers ）;此工具栏的背景为红色 .

<ion-header>
    <ion-toolbar>
      <ion-title text-center>
       Hellow!
      </ion-title>
    </ion-toolbar>
  </ion-header>

以下是app.html中页脚的代码;此工具栏的背景为红色 . I do not want red color only for this component. How to disable this style that showing due to toolbar-background?

<ion-footer> 
    <ion-navbar secondary > 
this is the footer
    </ion-navbar>
  </ion-footer>
ionic2 ionic3