离子选项卡背景色

Question

上图中的想要将选项卡的颜色（未单击状态）更改为其他颜色。例如上图中，我的主选项卡处于未单击状态。我具有默认的深灰色颜色。我希望将其颜色更改为其他颜色。我还希望更改文本和行的颜色（指示单击了哪个项目选项卡）。我是ionic的新手，请帮忙。谢谢。

Answer 1

如果图标是SVG，则只需通过获取id或将其包装的类更改其颜色，然后使用css进行分类即可color: green; 。 文本也是如此。

Answer 2

这对于将来会看到此问题的其他人来说，可能会解决您的问题。

如果要更改图标颜色，则需要具有不同的颜色图标，并将它们设置在选项卡的.activated选项卡上。 1）此方案将更改您选择的选项卡（仅文本）颜色。

.tab-item.tab-item-active, .tab-item.active, .tab-item.activated{
    opacity: 1;
    color: #327FAF;
}

2）对于更改选定的选项卡背景颜色，请仅使用以下代码段。

.tabs-top.tabs-striped .tab-item{
    background: #33cd5f;
}

感谢帮助。