更改离子 2 选项卡的背景颜色

Question

我知道使用以下方法会在激活时更改选项卡按钮的图标颜色：

$tabs-ios-tab-icon-color-active: red;

但是我不知道如何在活动时更改按钮的背景颜色。

有什么帮助吗？

Answer 1

@cnak2，查看 https://github.com/ionic-team/ionic/blob/master/src/components/tabs/tabs.ios.scss，您可以看到背景颜色由变量 $tabs-ios-background 设置。我建议更改此变量以包含您希望看到的颜色。

Answer 2

通常转到此页面以确定用于自定义的 sass 变量。

如果您搜索"选项卡"，您将看到$tabs-background显示哪个可能是您想要的。

Answer 3

试试这个，你会改变目录src/theme/variables.scss的颜色

<ion-tabs color="primary">
    <ion-tab [root]="homeRoot" tabTitle="Home" tabIcon="home"></ion-tab>
    <ion-tab [root]="homeRoot" tabTitle="Home" tabIcon="home"></ion-tab>
    <ion-tab [root]="homeRoot" tabTitle="Home" tabIcon="home"></ion-tab>
    <ion-tab [root]="homeRoot" tabTitle="Home" tabIcon="home"></ion-tab>
</ion-tabs>