Bootstrap定制手风琴

Question

我正在使用bootstrap创建手风琴，每个手风琴使用以下div：

<div class="panel-group" id="accordion">

并且每个标题使用：

         <div class="panel-heading">
                    <h4 class="panel-title">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Heading</a>
                    </h4>
                </div>

使用CSS，我如何将文本设置为白色而不是黑色？我可以将style="color: white"放在每个标题的标记内，但我必须多次使用手风琴，并且所有标题都应该有白色文本。哪个是覆盖默认黑色文本的最佳方法？

Answer 1

您可以使用类选择器来实现相同的目标。请参阅以下css

<style>
.panel-title a{
   color: white !important;
}
</style>

Answer 2

div.panel-heading h4{ color: white !important; }

或进行注射以设置所有

style="color: white" 

Answer 3

最好的选择是添加一个新类以避免修改bootstrap类。

但是，如果你想为所有手风琴设置白色，请使用这个CSS规则：

.accordion-toggle {
    color: white !imporant;
}