Ionic framework 如何更改活动离子选项卡的颜色？

我正在尝试将活动离子标签的背景颜色从白色更改为绿色。我找到了这条线索，但答案似乎不再有效：

有人知道怎么做吗

---

谢谢。

将样式添加到

。选项卡项处于活动状态

.tab-item-active {
    background:green;
} 

请参阅此代码笔：
这可以通过以下方式完成：

爱奥尼亚有以下css：

.tab-item.tab-item-active, .tab-item.active, .tab-item.activated {
    opacity: 1;
}

您需要按如下方式覆盖它：

.tab-item.tab-item-active, .tab-item.active, .tab-item.activated {
    color: red;
}

对我来说，为类“.activated”设置CSS规则是有效的

该类会立即应用于所选的选项卡项。
您还可以在主题/变量中使用SCSS
$tabs ios选项卡图标颜色active变量。例如：

// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here

$tabs-ios-tab-icon-color: #00f;
$tabs-ios-tab-icon-color-active: #f00;


// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here

$tabs-md-tab-icon-color: #00f;
$tabs-md-tab-icon-color-active: #f00;

这会给你类似的东西：


更多信息，请看一看

希望这能有所帮助。
我会将范围缩小到应用于tab元素的.activated类。
// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here

$tabs-ios-tab-icon-color: #00f;
$tabs-ios-tab-icon-color-active: #f00;


// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here

$tabs-md-tab-icon-color: #00f;
$tabs-md-tab-icon-color-active: #f00;