Font Awesome 5 JS SVG zeigt leere Quadrate: Wie kann ich das beheben?

Font Awesome 5 zeigt leere Quadrate mit der JS SVG-Version an

Wenn Sie versuchen, die JS SVG-Version von Font Awesome 5 zu verwenden, um Aufzählungspunkte von Listenelementen durch Symbole zu ersetzen, Anstelle des vorgesehenen Symbols wird möglicherweise ein leeres Quadrat angezeigt. Um dieses Problem zu beheben, aktivieren Sie die Verwendung von Pseudoelementen in der JS-Version, indem Sie das Attribut data-search-pseudo-elements zum Skript-Tag hinzufügen.

<script data-search-pseudo-elements src="https://use.fontawesome.com/releases/v5.13.0/js/all.js"></script>

Um das Erscheinungsbild des Symbols anzupassen, zielen Sie auf das SVG-Element Verwenden von CSS:

.testitems svg {
  color: blue;
  margin: 0 5px 0 -15px;
}

Der Übersichtlichkeit halber gilt diese Lösung für die JS SVG-Version von Font Awesome 5. Wenn dieses Problem mit der CSS-Version auftritt, lesen Sie „Font Awesome“. 5, warum werden CSS-Inhalte nicht angezeigt?".

Das obige ist der detaillierte Inhalt vonFont Awesome 5 JS SVG zeigt leere Quadrate: Wie kann ich das beheben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!