Legen Sie die Rahmenfarbe zu glyphicon

Möchte ich hinzufügen, eine Grenze zu glyphicon-schriftart. Zum Beispiel glyphicon-heart hat einen roten Rahmen und die gleiche Farbe wie der hintergrund. Wie kann ich dies tun?

border-color: 'red' hat den job nicht machen. kein Rahmen angezeigt.

InformationsquelleAutor user3164317 | 2015-09-15

  1. 18

    Grundsätzlich die glyphicon-icons Schriftarten und können Sie ändern die Farbe von Ihnen nur mit der css - color Eigenschaft. So ändern Sie die Farbe der schriftart ändern Sie den hintergrund. Nun, die Schriften haben keine border-color Eigentum, aber Sie können simulieren Sie mit text-shadow

    .glyphicon{
    font-size: 60px;
    color:red;
    text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

    http://jsfiddle.net/9suc171t/1/

    InformationsquelleAutor Tom Sarduy

  2. 2

    Könnten Sie zwei icons, eines kleiner als das andere, und legen Sie die größere darunter. Könnte dies ein Weg sein:

    <span class="glyphicon glyphicon-heart">
    <span class="inside glyphicon glyphicon-heart"></span>
</span>

    CSS

    span{
    font-size: 60px;
    color:red; 
}

span.inside{
    position:absolute;
    font-size: 55px;
    color:black;
    left:3px;
    top:2px;
}

    Hier eine Demo

    es ist eine gute Idee, aber es gibt einen besseren Weg, mit text-shadow 😉
    Sicher ist es!!
    aber ich benutze deine Technik, wenn etwa ein Pfeil mit reinem CSS

    InformationsquelleAutor Sergio Marron

Schreibe einen Kommentar