Question

我正在使用离子，我使用ion-view

创建了我的主标题

<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来改变标题的颜色，它一直是灰色的。什么是正确的方法？

Answer 1

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

.pane {
    background-color: #000;
}

让我知道它是否适合你。

Answer 2

使用pane css类与!important覆盖离子默认背景颜色，

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

并且用于更改字体颜色：

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

Answer 3

您的解决方案是：

.frame_look_feel {
    background-color: #FD3583;
}

在ionic.css

之后添加你的style.css

Answer 4

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

.frame_look_feel {
    background-color: #FFFFFFF;
}

该规则具有特异性10.离子规则通常具有更高的特异性。这就是为什么你的风格没有应用的原因。查看Specificity了解更多详情。尝试像

这样的东西

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

Answer 5

如果您只想更改文字颜色：

＆＃13;

.frame_look_feel {
color: red;
}

＆＃13;

其他人说的背景

.frame_look_feel {
background-color: red;
}

更改离子视图背景颜色

5 个答案: