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]&nbsp; <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;;
InformationsquelleAutor Filippo | 2014-12-12
Schreibe einen Kommentar