css - ionic 更新导航栏 css

Question

有没有一种简单的方法可以修改 ionic 导航栏的背景颜色？我尝试了以下方法，在检查时似乎设置了背景颜色，但它从未显示(它没有被覆盖)

ion-navbar {
    background-color: #525B92;
}

我也尝试过更改文本颜色，但它也没有显示。我已经在页面 .scss 文件和 app.scss 文件中尝试了 css。

Answer 1

您可以通过以下方式更改导航栏的背景颜色

一种方法是样式化 .toolbar-background

.toolbar-background {
    background-color: #525B92;
}

另一个在 variable.scss 中重写

$toolbar-md-background: #525B92;
$toolbar-ios-background: #525B92;

另一个在html文件中

<ion-navbar color="primary"></ion-navbar>
<!-- or whatever color you made in variable.scss -->