ändern Hover Farbe auf eine Schaltfläche mit Bootstrap Anpassung

Question

Ich versuche, meine Knöpfe in einer Weise zu gestalten, dass der Hover die Taste eine hellere Schattierung statt einem dunkleren Farbton macht. Ich habe versucht, Bootstrap-Anpassungsseite (http://getbootstrap.com/customize/), und es gibt mir nicht eine Option auf die Schaltfläche Hover Farbe zu ändern. Ich habe versucht, dies zu tun manuell durch die CSS-Inspektion, aber es ist unklar, wie die Tasten der Hover-Farbe bekommen. Ich habe versucht, eine andere Bootstrap Anpassung Website

http://pikock.github.io/bootstrap-magic/app/#!/editor

ich die Hauptfarbe sein # 0495c9 und die Hover-Farbe seine # 00b3db aber ich bin nur in der Lage, die Taste bg Farbe und nicht, dass es Hover Farbe angeben wollte.

Jede Hilfe wird

Answer 1

Die Farbe für Ihre Tasten kommt von den BTN-x Klassen geschätzt werden (zB BTN-primäre, BTN-Erfolg), wenn Sie so wollen, die Farben manuell ändern, indem Sie Ihr eigenes Schreiben Benutzerdefinierte CSS-Regeln müssen Sie ändern:

/*This is modifying the btn-primary colors but you could create your own .btn-something class as well*/ 
.btn-primary { 
    color: #fff; 
    background-color: #0495c9; 
    border-color: #357ebd; /*set the color you want here*/ 
} 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { 
    color: #fff; 
    background-color: #00b3db; 
    border-color: #285e8e; /*set the color you want here*/ 
} 

Answer 2

Zuerst importieren Sie nur Teile des Bootstrap, die Sie tatsächlich verwenden. Überschreiben Sie dann die Tasten mit Ihren eigenen.