如何改變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 */ 
}