Fon Hebat 5 JS SVG Menunjukkan Petak Kosong: Bagaimana Saya Membetulkannya?

Fon Awesome 5 Memaparkan Empty Square dengan Versi JS SVG

Apabila cuba menggunakan versi JS SVG bagi Font Awesome 5 untuk menggantikan titik tumpu item senarai dengan ikon, petak kosong mungkin muncul dan bukannya ikon yang dimaksudkan. Untuk menyelesaikan masalah ini, dayakan penggunaan elemen pseudo dalam versi JS dengan menambahkan atribut elemen-carian-pseudo-elemen pada teg skrip.

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

Untuk menyesuaikan penampilan ikon, sasarkan elemen SVG menggunakan CSS:

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

Untuk kejelasan, penyelesaian ini adalah untuk versi JS SVG Font Awesome 5. Jika anda menghadapi masalah ini dengan versi CSS, rujuk "Font Awesome 5, mengapa kandungan css tidak dipaparkan?".

Atas ialah kandungan terperinci Fon Hebat 5 JS SVG Menunjukkan Petak Kosong: Bagaimana Saya Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!