在 angularjs 的引导程序中覆盖引导程序手风琴颜色 [英] Override Bootstrap Accordion colors in bootstrap for angularjs

查看:35
本文介绍了在 angularjs 的引导程序中覆盖引导程序手风琴颜色的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我是 angularjs/bootstrap 的新手,我正在尝试创建一个使用 bootstrap 手风琴列表的 SPA.我正在尝试更改整个手风琴选项卡的颜色,但是,它只更改了手风琴空间的一部分.我在网上看了这个问题 (使用angualr ui bootstrap将类添加到手风琴标题?),它是Jsfiddle(http://jsfiddle.net/Zmhx5/3/) 完美地代表了我的问题,但没有解释解决方案.

我尝试使用 firebug 来找出幕后发生的事情,它说整个手风琴标签都是".我有一个覆盖该样式的 css 类,但由于某种原因,某些东西覆盖了它.

.panel-heading {背景颜色:红色;}

这个网站有一个关于手风琴的教程,它的 css 只是简单地覆盖了它(http://patternry.com/p=手风琴/).我试过做同样的事情,但没有用,请帮忙:/

解决方案

在这种情况下,您应该使用 scss.

<手风琴>...</手风琴>

在 css 中你需要定义.

.custom {.面板标题:{背景颜色:红色!重要;}}

I'm new at angularjs/bootstrap and I'm trying to create a SPA that uses bootstrap accordion lists. I'm trying to change the color of the whole entire accordion tab, however, it's only changes part of the accordion space. I looked online and this question (Add class to accordion heading using angualr ui bootstrap?) and it's Jsfiddle (http://jsfiddle.net/Zmhx5/3/) represent my problem perfectly, but does not explain the solution.

I tried using firebug to find out what's going on behind the scenes, and it says the whole entire accordion tab is "". I have a css class that overwrites that style, but for some reason, something is overriding it.

.panel-heading {
background-color: red;
}

This website has a tutorial on accordions and its css simply overwrote it (http://patternry.com/p=accordion/). I tried doing the same but it did not work, please help :/

解决方案

You should use scss in this case.

<div class="custom">
    <accordion>
        ...
    </accordion>
</div>

In css you will need to define.

.custom {
    .panel-heading: {
        background-color: red !important;
     }
}

这篇关于在 angularjs 的引导程序中覆盖引导程序手风琴颜色的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆