Javascript 更改离子视图背景色

我用的是爱奥尼亚，我用爱奥尼亚视图创建了我的主标题

<ion-view title="test" class="frame_look_feel"> <ion-nav-buttons
    side="left">
<button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
</ion-nav-buttons> <ion-content class="has-header">
<h1>Search</h1>
</ion-content> </ion-view>

搜寻

---

我试图改变标题的颜色，使用css，它保持灰色。正确的方法是？

您只需在CSS中添加以下行：

.pane {
    background-color: #000;
}

让我知道它是否适合您。

您的解决方案是：

.frame_look_feel {
    background-color: #FD3583;
}

---

在ionic.css之后添加style.css

问题在于css的特殊性。你的css规则

.frame_look_feel {
    background-color: #FFFFFFF;
}

这条规则具有特殊性。离子规则一般具有较高的特异性。这就是为什么你的风格没有被应用。寻找更多细节。 试试像这样的东西

.frame_look_feel.custom_color {
    background-color: #FFFFFF;
}

---

如果只想更改文本颜色：

.frame\u look\u feel{
颜色：红色；
}

将

窗格

css类与

一起使用！重要信息

要覆盖离子默认背景色

   .pane {
        background-color: #464646!important;
    }

要更改字体颜色，请使用：

.bar.bar-stable .title{
    color:#FFF!important;
}

---

你能给我一些密码吗？还要确保您的CSS文件是在ionic CSS文件之后导入的<代码>