离子标签颜色正确显示

Question

在我的应用程序中我有离子标签。但我的设计和模拟器上的颜色正常工作。例如基于下图：

我的标签背景必须是黄色的白色图标，但它显示带有黄色图标的白色背景白色背景。

我的代码是：

<div class="bar bar-header bar-assertive">
    <h1 class="title">app</h1>
</div>

<ion-tabs class="tabs-energized tabs-icon-top">
    <ion-tab title="a" icon="ion-document-text" ui-sref="app.book">
        <ion-nav-view name="a"></ion-nav-view>
    </ion-tab>
    <ion-tab title="b" icon="ion-pie-graph" ui-sref="app.chart">
        <ion-nav-view name="b"></ion-nav-view>
    </ion-tab>
    <ion-tab title="c" icon="ion-playstation" ui-sref="app.games">
        <ion-nav-view name="c"></ion-nav-view>
    </ion-tab>
    <ion-tab title="d" icon="ion-gear-a" ui-sref="app.settings">
        <ion-nav-view name="d"></ion-nav-view>
    </ion-tab>
    <ion-tab>
        <ion-nav-view name="f"></ion-nav-view>
    </ion-tab>
    <ion-tab>
        <ion-nav-view name="g"></ion-nav-view>
    </ion-tab>
    <ion-tab>
        <ion-nav-view name="h"></ion-nav-view>
    </ion-tab>
</ion-tabs>
</ion-pan>

所以如何解决此问题以显示黄色背景的选项卡。我也尝试使用其他离子框架颜色并得到同样的问题。

Answer 1

将!important添加到CSS样式。

Answer 2

我有同样的问题。我只是通过更改属性＆＃34; class＆＃34;中的项目顺序来解决它。如下： <ion-tabs class="tabs-icon-top tabs-energized">

这应该有用。