如何改变BTN-默认

Question

的颜色的BTN-默认颜色是white.But我无法改变的BTN-默认

<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; 
} 

这是级别高于引导选择，那就是：

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