如何使用CSS在Ionic 4中更改工具栏颜色

Question

我想通过ion.toolbar，ion-tab-bar和ion-tab-button的page.scss更改背景颜色。

它适用于离子标签栏和离子标签按钮，但不适用于离子工具栏。

有来自page.scss的代码：

ion-toolbar, ion-tab-bar, ion-tab-button {

    background-color: aquamarine;

}

感谢您的帮助

Answer 1

他们将CSS变量与Ionic 4一起使用，尝试类似

ion-toolbar {
    --background: aquamarine;
    }

您可以在此处了解有关工具栏和其他组件变量的更多信息： https://ionicframework.com/docs/api/toolbar