如何更改 ionic 4 中活动选项卡的颜色?

How to change the color of active tab in ionic 4?

我正在尝试更改 ionic 4 中所选选项卡的颜色,但我遇到了一些挑战。我正在使用选项卡模板。我尝试在 chrome://inspect 中编辑它并且它有效但是当我为 android 构建时它没有效果。

我需要更改什么?

我以为 Ionic 4 都是阴影 DOM。我可能是错的,但根据我一直在阅读的内容,您必须使用 CSS 变量来获取 Ionic 4 中的 shadow-dom 样式。例如,参见:https://www.joshmorony.com/a-primer-on-css-4-variables-for-ionic-4/

只需使用 ion-tab-button CSS 自定义属性,--color-selected 所选选项卡按钮的颜色:

 ion-tab-button {
  --color-selected: red;
 }

参考:ion-tab-button