尝试使用 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中文网其他相关文章!