如何禁用某些离子导航栏的工具栏背景？

Question

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

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

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

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

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

下面是app.html中页脚的代码; 此工具栏的背景为红色。 我不想只为此组件使用红色。如何禁用因工具栏背景显示的此样式？

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