如何更改 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;
}
我正在尝试更改 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;
}