Bootstrap 3 glyphicon weißem hintergrund

Was ist die Zauberformel, um ein glyphicon haben einen weißen hintergrund, anstatt der normalen, in der bootstrap-3, graue? Sicherlich haben Sie in und ich diese noch nicht gefunden haben. Im Allgemeinen bin ich, erlebt eine Menge Schmerz Umstellung einer bestehenden angularjs Projekt auf bootstrap 3. Viele scheinbar willkürliche Unterschiede.

Hinweis: dies ist für die Herstellung der hintergrund "weiß" nicht das Symbol selbst. Eine Verwandte Frage ist, ob es eine eingebaute Möglichkeit, einen transparenten hintergrund für ein glyphicon.

InformationsquelleAutor | 2014-05-14

  1. 2

    Definieren Sie Ihre eigenen benutzerdefinierten CSS-Stil.

    HTML

    <button class="btn btn-lg btn-custom" type="button">
    <span class="glyphicon glyphicon-star"></span>
</button>

    CSS

    .btn-custom {  
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    color: #333333;
 }
.btn-custom:hover {
   background-color: #000;
   border-color: #fff;
   color: #333333;
}

    Hier ist ein fiddle - http://www.bootply.com/pmyZvM3iOq

    Den hintergrund transparent machen; benutzen Sie einfach background-color: transparent;

    InformationsquelleAutor Tan Hong Tat

Schreibe einen Kommentar