Wie die Farbe von BTN-default

Question

Die BTN-Standardfarbe zu ändern ist white.But ich nicht in der Lage bin, die Farbe des 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> 

Hier ist die CSS

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

wird sich ändern

Könnte mir jemand dabei helfen?

Answer 1

Die Bootstrap-CSS überschreibt Ihre. Sie benötigen einen höheren Ebene CSS-Selektor zur Verfügung zu stellen, wie:

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

Dies ist auf höherer Ebene als die Wähler Bootstrap, das ist:

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