在 angularjs 的引导程序中覆盖引导程序手风琴颜色 [英] Override Bootstrap Accordion colors in bootstrap for 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屋!