Question

我负责我们大学的newman-week-app，它是用Ionic 1构建的。它有5个Ttab项目，我想改变这些标签的颜色。我已经使用了custom.css文件：

.tab-item.tab-item-active, .tab-item.active, .tab-item.activated, .tabs-md-tab-text-color-active, .tabs-md-tab-icon-color-active {
color: cyan;
background: #e72167; }

现在我的问题：

颜色变化......

[1] ...在iOS上工作：https://i.stack.imgur.com/mXRvA.png

但

[2] ...不适用于Android：https://i.stack.imgur.com/4OuXr.png

我用Google搜索了几个小时并尝试了几个CSS属性，但没有任何效果。任何人都可以告诉我一个也适用于Android或其他解决方案的标签颜色属性吗？谢谢！

Answer 1

请确保您不是仅更新iOS文件夹的css文件。要反映两个平台上的更改，您必须更改根文件夹和文件的CSS。更改根级别文件会自动反映平台，否则只会更新特定的平台。键入ionic serve命令时，会将更改推送到平台级别。如果根级别没有您想要的更改，那么将更新剩余的平台。我希望能帮到你

Answer 2

将样式添加到.tab-item-active类，如此

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

请参阅此代码：http://codepen.io/edisonpappi/pen/aWvmjz

Ionic 1 App - 更改标签颜色

2 个答案: