如何在ionic 4中更改活动标签的颜色?

时间:2018-08-21 12:35:34

标签: ionic-framework sass ionic4

我试图在ionic 4中更改所选标签的颜色,但是我遇到了一些挑战。我正在使用标签模板。我尝试在chrome://inspect中对其进行编辑,但该方法可以正常工作,但是当我为android构建时,它无效。

我需要更改什么?

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

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

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

参考:ion-tab-button