如何更改btn-default的颜色

Question

btn默认颜色为白色。但是我无法更改btn-default的颜色

<div class="pageOne">
    <h1 class="text-center" id="header_text"> a Good Tree production </h1>
    <div class="btnList">
        <a class="btn btn-default" href = "#"> a Good Tree production</a>
        <a class="btn btn-default" href = "#"> About Us</a>
        <a class="btn btn-default" href = "#"> Contact Us</a>
        <a class="btn btn-default" href = "#"> Works</a>
   </div>
</div>

这是CSS

.btn-default{
    background-color: black !important;
}
#header_text{
    font-family: 'Boogaloo', cursive;
    color: white !important;
}

任何人都可以帮我解决这个问题。

Answer 1

Bootstrap CSS覆盖了你的。您需要提供更高级别的CSS选择器，例如：

#header_text .btn-default {
  background-color: black !important;
}

这比Bootstrap选择器更高级别，即：

.btn.btn-default {
  /* Whatever their CSS is */
}