Haben Sie die Bootstrap-Taste beim Klicken nicht geändert?

Question

Ich bin neu Bootstrap und ich versuche, eine Reihe von Tasten, nur eine Aktion ausführen, wenn geklickt, und nichts anderes (z. B. nicht die Farbe der Schaltfläche ausfüllen, ändern Sie nicht die Umrissfarbe, nur haben sie die gleiche wie die navbar Tasten here.)

Dies ist bleiben, was ich bisher habe:

.btn-default { 
    font-family: Monospace; 
    font-size: 20px; 
    color: #F5C173; 
    background-color: #8F390D; 
    border-color: #8F390D; 
    border-radius: 0px; 
} 

.btn-default:hover { 
    background-color: #8F390D; 
    border-color: #8F390D; 
    color: #9F590D; 
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), -2px 2px 2px rgba(0, 0, 0, 0.1), 2px 2px 2px rgba(0, 0, 0, 0.1); 
} 

Und hier ist, wo ich die Tasten erklären:

<nav class="navbar navbar-default navbar-fixed-top"> 
    <div class="container"> 
    <button type="button" class="btn navbar-btn btn-default" style="float: right">about</button> 
    <button type="button" class="btn navbar-btn btn-default" style="float: right">portfolio</button> 
    <button type="button" class="btn navbar-btn btn-default" style="float: right">contact</button> 
    </div> 
</nav> 

Grundsätzlich sollte der Hover-Effekt beibehalten werden, unabhängig davon, ob auf die Schaltfläche geklickt wurde oder nicht.

Danke!

Answer 1

einfach wichtig hinzufügen hinter alles, was Sie wollen gleich bleiben, wie folgt aus:

.btn-default { 
    font-family: Monospace; 
    font-size: 20px; 
    color: #F5C173!important; 
    background-color: #8F390D!important; 
    border-color: #8F390D!important; 
    border-radius: 0px; 
    box-shadow: none!important; 
} 

.btn-default:hover { 
    background-color: #8F390D!important; 
    border-color: #8F390D!important; 
    color: #9F590D!important; 
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), -2px 2px 2px rgba(0, 0, 0, 0.1), 2px 2px 2px rgba(0, 0, 0, 0.1)!important; 
}