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

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

Barbara Streisand
發布: 2024-12-26 12:21:13
原創
507 人瀏覽過

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板