2017-07-10 7 views
0

Hier ist ein Screenshot dessen, was gerade auf meiner Webapp angezeigt wird. Es soll eine Add-Taste, und die Button-Funktionalität ist da, aber aus irgendeinem Grunde das Bild selbst wird nicht angezeigt:Winkeltastensymbol wird nicht angezeigt

enter image description here

Ich bin nicht sicher, ob dies mit einem Problem wäre, was Ich mache das in meinem HTML oder in meinem CSS und habe dieses Problem noch nie wirklich gesehen.

Der HTML-Code relevant ist diese:

<button md-button class="add-btn" aria-label="add"> 
    <md-icon class="jf-add"></md-icon> 
</button> 

CSS:

.add-btn { 
    text-transform: none; 
    color: #007ab4; 

    > span { 
     padding-left: 4px; 
     vertical-align: sub; 
    } 
} 
+0

Side Anmerkungen: 1) "jf-add" ist ein benutzerdefiniertes Symbol, das in meinem Arbeitssystem ist 2) Ich bin nur ein Praktikant und neu in CSS und HTML, so könnte das Problem eine sehr einfache Lösung sein –

+0

@Vega Das Symbol ist vordefiniert, sorry, dass nicht klar war mein Teil –

+0

@Vega, ich denke ich muss mich dann falsch formuliert haben, denn anderswo im Projekt gibt es eine Codezeile, die meiner ähnlich ist: '' das ist nur ein anderer Symbol aus der gleichen Bibliothek –

Antwort

0

Haben Sie das Materialdesign in Ihrem Modul definieren?

Beispiel:

angular.module('buttons', ['ngMaterial']) 

Auch sieht nicht, wie Sie die src des Symbols in der Schaltfläche

Beispiel definiert:

<md-icon md-svg-src="img/icons/cake.svg"></md-icon> 
+0

Ich definiere das Material Design, ja –