suchen

Heim >Web-Frontend >CSS-Tutorial >Warum zeigt Font Awesome 5 leere Quadrate an, wenn JS und SVG für Aufzählungspunkte verwendet werden?

Warum zeigt Font Awesome 5 leere Quadrate an, wenn JS und SVG für Aufzählungspunkte verwendet werden?

Susan Sarandon
Susan SarandonOriginal
2024-12-26 04:40:09511Durchsuche

Why Does Font Awesome 5 Show Empty Squares When Using JS and SVG for Bullet Points?

Font Awesome 5 zeigt leeres Quadrat mit JS SVG

Wenn Sie versuchen, Font Awesome 5 zu verwenden, um Standardaufzählungspunkte in einer ungeordneten Liste zu ersetzen, Möglicherweise wird anstelle des gewünschten Symbols ein leeres Quadrat angezeigt. Dieses Problem kann auftreten, wenn Sie die JavaScript- und SVG-Version der Bibliothek verwenden.

Lösung

Um dieses Problem zu beheben, stellen Sie sicher, dass Sie die neueste Version von Font Awesome 5 verwenden (v5.13.0 oder höher). Mit dieser Version wird die Möglichkeit eingeführt, Pseudoelemente mit der JS-Version zu verwenden.

Um die Verwendung von Pseudoelementen zu ermöglichen, fügen Sie das Attribut data-search-pseudo-elements zu Ihrem JavaScript