更改颜色单个选项卡

Question

如何更改离子中单个选项卡的背景颜色？

我尝试在选项卡中放置一个类或ID，但它不起作用。

我正在使用离子1

Answer 1

.tab-item {
  background-color: $energized;
  opacity: 1;
}
.tab-item+ .tab-item  {
  background-color: $balanced;
}
.tab-item+ .tab-item+ .tab-item  {
  background-color: $calm;
}

.tab-item+ .tab-item+ .tab-item+ .tab-item  {
  background-color: $positive;
}