改变离子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

一般情况下，请转到this page以确定自定义的sass变量。

如果您搜索“标签”，您会看到$tabs-background显示可能是您想要的那个。

Answer 3

试试这个，你改变了目录src/theme/variables.scss

上的颜色

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;