首页 >web前端 >css教程 >Font Awesome 5 JS SVG 显示空方块:如何修复?

Font Awesome 5 JS SVG 显示空方块:如何修复?

Barbara Streisand
Barbara Streisand原创
2024-12-26 12:21:13516浏览

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn