Wie um die Textfarbe zu ändern-button hover-Eigenschaft
Habe ich diese Anleitung zum anpassen von buttons in einer web-Seite, die ich gemacht habe mit bootstrap:
Ändern Sie die hover-Farbe auf eine Schaltfläche mit der Bootstrap-Anpassung
Das problem ist, dass ich nicht zu verwalten, zu halten die gleiche schriftart,-Farbe bei hover und ich kann nicht erklären, warum es immer Veränderungen in dunkelgrau.
Hier ist der code: http://codepen.io/anon/pen/ByKZZK
HTML:
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<button href="mailto:[email protected]" class="btn btn-custom btn-lg btn-block">[email protected] <span class="glyphicon glyphicon-envelope"></span></button>
CSS:
.btn-custom {
color: #FFD180;;
background-color: #483737;
border-color: #357ebd; /*set the color you want here*/
}
.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .open>.dropdown-toggle.btn-custom {
color: #FFD180;
background-color: #837171;
border-color: #837171; /*set the color you want here*/
}
Irgendwelche Ideen?
- Ich möchte nur darauf hinweisen, das Doppel-Semikolon hier
color: #FFD180;;
Du musst angemeldet sein, um einen Kommentar abzugeben.
Scheint so, dass einige Weise den
.btn
Klasse von bootstrap wird immer mehr Gewicht auf Ihre codepen, können Sie versuchen zu vermeiden, die!important
mehr spezifische Ihre Selektor wie:Überprüfen Sie die Codepen
Fügen Sie einfach
!important;
zu dencolor: #FFD180
imhover
Teil des CSS.Edit: Die Farbe (#333) wahrscheinlich stammt aus dieser Linie in der
bootstrap.min.css