改变bootstrap手风琴的背景颜色

Question

我试图改变这种白色。

代码：

            <div id="accordion" class="panel-group" >
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h2 class="panel-title">
                            <a href="#one" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" >O que é</a>
                        </h2>
                    </div>
                    <div id="one" class="panel-collapse collapse in">
                        <div class="panel-body">
                            <p>
                                É um evento que visita vários bares e baladas em uma mesma noite. Organizado por quem conhece a cidade, é uma ótima oportunidade de curtir a noite na companhia de pessoas interessantes por um preço acessível. Por isso, além do próprio público local, o produto é bem recomendado para turistas.
                            </p>
                        </div>
                    </div>
                </div>

非常难以覆盖bootstrap css，我在这里停留了2个小时，非常欢迎任何帮助。

Answer 1

.panel-body {background-color:black;}

如果它不起作用，那么：

.panel-body {background-color:black !important;}

Answer 2

在 bootstrap 4+ 上使用 bg-dark，因为崩溃确实是一张卡片。按照卡片示例：

<div class="card text-white bg-dark mb-3" style="max-width: 18rem;">
  <div class="card-header">Header</div>
  <div class="card-body">
    <h5 class="card-title">Dark card title</h5>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
  </div>
</div>