首頁 >web前端 >css教學 >Font Awesome 5 JS SVG 顯示空方塊:如何修復?

Font Awesome 5 JS SVG 顯示空方塊:如何修復?

Barbara Streisand
Barbara Streisand原創
2024-12-26 12:21:13558瀏覽

Font Awesome 5 JS SVG Showing Empty Squares: How Do I Fix It?

Font Awesome 5 使用JS SVG 版本顯示空方塊

嘗試使用Font Awesome 5 的JS SVG 版本用圖示取代清單項目項目符號點時,可能會出現一個空方塊而不是預期的圖示。若要解決此問題,請透過將 data-search-pseudo-elements 屬性新增至 script 標籤來啟用 JS 版本中的偽元素。

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

要自訂圖示外觀,請定位 SVG 元素使用 CSS:

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

為了清楚起見,此解決方案適用於 Font Awesome 5 的 JS SVG 版本。如果您在 CSS 版本中遇到此問題,請參閱「Font Awesome 5,為什麼CSS內容不顯示?」。

以上是Font Awesome 5 JS SVG 顯示空方塊:如何修復?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn