首页 文章

更改离子视图背景颜色

提问于
浏览
3

我正在使用离子,我使用离子视图创建了我的主 Headers

<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改变 Headers 的颜色,它保持灰色 . 什么是正确的方法?

5 回答

  • 0

    问题是css特异性 . 你的css规则

    .frame_look_feel {
        background-color: #FFFFFFF;
    }
    

    该规则具有特异性10.离子规则通常具有更高的特异性 . 这就是为什么你的风格不适用的原因 . 请查看Specificity了解更多详情 . 尝试类似的东西

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

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

    .frame_look_feel {
    color: red;
    }
    

    其他人说的背景

    .frame_look_feel {
    background-color: red;
    }
    
  • 6

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

    .pane {
        background-color: #000;
    }
    

    请让我知道这对你有没有用 .

  • -1

    使用带有 !importantpane css类来覆盖离子默认背景颜色,

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

    并用于更改字体颜色使用:

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

    您的解决方案是:

    .frame_look_feel {
        background-color: #FD3583;
    }
    

    在ionic.css之后添加你的style.css

相关问题