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

Font Awesome 5 Shows Empty Square with JS SVG

When attempting to use Font Awesome 5 to replace standard bullet points in an unordered list, you may encounter an empty square instead of the desired icon. This issue can occur when using the JavaScript and SVG version of the library.

Solution

To resolve this issue, ensure you are using the latest version of Font Awesome 5 (v5.13.0 or later). This release introduces the ability to use pseudo-elements with the JS version.

To enable the use of pseudo-elements, add the data-search-pseudo-elements attribute to your JavaScript

Latest Articles by Author

Latest Issues

function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...

From 2024-04-29 11:01:01

0

3

2687

How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?

From 2024-04-23 00:22:19

0

11

2820

The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.

From 2024-04-19 15:37:47

0

1

2380

There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...

From 2024-04-18 23:52:34

0

1

2250

Where is the courseware about CSS mind mapping? Courseware

From 2024-04-16 10:10:18

0

0

2345

Related Topics

More>

• The difference between drop and delete
• How to remove the first few elements of an array in php
• Top 10 currency exchanges
• Window switching shortcut keys
• web server
• How to solve the problem that the phpstudy port is occupied
• Introduction to online calculator software
• Interview assessment tools