在 fontawesome 的示例页面上,他们显示了这段代码:
Use fa-ul and fa-li to easily replace default bullets in unordered lists.
<ul class="fa-ul">
<li><i class="fa-li fa fa-check-square"></i>Listicons (like these)</li>
<li><i class="fa-li fa fa-check-square"></i>can be used</li>
<li><i class="fa-li fa fa-spinner fa-spin"></i>to replace</li>
<li><i class="fa-li fa fa-square"></i>default bullets in lists</li>
</ul>
这很好用,但我的 wordpress 网站上有很多无序列表,我想知道是否可以让 fontawesome 复选框成为整个网站的默认元素符号? 我知道我的主题使用 LESS,所以任何 LESS 代码都是可以接受的。
我正在考虑在 css 中做这样的事情:
ul li i {
class="fa-li fa fa-square";
}
但我认为这对于 css 是不可能的。我在看 LESS,我认为 mixin 可能有用,但我一直没能找出正确的语法。
非常感谢任何帮助。
最佳答案
只要看看他们实际上是如何让图标出现在他们的网站上的。他们使用具有 FontAwesome
font-family
的 before
伪元素,并使用 content
显示实际图标> 属性(property)。
<ul>
<li>One</li>
<li>Two</li>
</ul>
.
li {
list-style:none;
}
li:before {
font-family:'FontAwesome';
content:"\f14a";
}
关于css - 如何使用 fontawesome 图标作为无序列表的默认元素符号?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20827059/