Hinzufügen von benutzerdefinierten hintergrund Bild, span, innen bootstrap-button?

Ich verwenden möchten, die benutzerdefinierte icon als Hintergrundbild innerhalb Spanne für einen bootstrap toggle-button. Ist es möglich, es zu erreichen, ohne Verwendung von fontawesome oder glyphicons?

CSS:

.icon-search {
    background-image: url("https://dl.dropboxusercontent.com/u/23295105/search.png");
    background-repeat: no-repeat;
    background-position: center center;
}

HTML:

<button class="toggle">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-search"></span>
</button>

Hier ist meine Fiedel:
http://jsfiddle.net/ox04anfb/

InformationsquelleAutor QED | 2015-09-09
  1. 6

    Füge dies in deine css -

    width: 20px; //replace with actual width
height: 20px; //replace with actual height
display: inline-block;
    InformationsquelleAutor madcow
  2. 1

    Versuchen, die Lösung der QED, sondern fügen Sie die Eigenschaft auto:

    width: auto; //replace with actual width
height: auto; //replace with actual height
display: inline-block;
    InformationsquelleAutor Alejandro Ardavín
Schreibe einen Kommentar