嘗試使用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中文網其他相關文章!