如何在不改变ion-navbar颜色的情况下改变ion-menu的标题颜色？
如何在不改变ion-navbar颜色的情况下改变ion-menu的标题颜色？
提问于 2018-11-27 17:38:14
我有这个离子导航栏下面的代码，我在右边有一个菜单图标。我想要改变菜单header.But的颜色，当我改变离子导航栏的颜色时，它也在改变菜单标题。我想为离子导航栏和离子菜单分开颜色。
<ion-menu [content]="content" side="right" id="menu2">
<ion-header>
<ion-toolbar class="menu_header">
<ion-title>MyApp</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list no-lines>
<button ion-item menuClose="menu2" detail-none>
Item1
</button>
<button ion-item menuClose="menu2" detail-none>
Item2
</button>
</ion-list>
</ion-content>
</ion-menu>
<ion-header>
<ion-navbar primary>
<ion-title class="header-title" text-center>
Home
</ion-title>
<button ion-button icon-only menuToggle="right" end >
<ion-icon name="menu"></ion-icon>
</button>
</ion-navbar>
</ion-header>为了更改ion-navbar的颜色，我在variable.scss中添加了以下代码行
$toolbar-background: #EF473A;有没有人能教我怎么把这两种颜色分开呢？
Stack Overflow用户
发布于 2018-11-27 18:21:48
如果只想更改标题的颜色，可以使用类
.header-title {
color: blue;
}
.menu_header {
color: #EF473A;
}如果您想要更改整个标题的颜色，您可以在元素上执行此操作：
body > ion-header {
color: blue;
}
ion-menu > ion-header {
color: #EF473A;
}或者向您想要修改的元素添加一个类，但这可能意味着编辑第三方组件……
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53496638
复制相关文章
相似问题
腾讯云开发者
