我想使用字体超棒的图标来自动生成标记,因此无法更改。
以下标记将显示该ol
列表。我想用图标代替数字。
<ol class="flex-control-nav">
<li><a class="flex-active">1</a></li>
<li><a class="">2</a></li>
<li><a class="">3</a></li>
<li><a class="">4</a></li>
<li><a class="">5</a></li>
</ol>
这是我正在尝试的:
.flex-control-nav a:before {
font-family: FontAwesome;
font-size: 30px;
display: inline-block;
content: '\f137';
}
问题:
使用上面的代码,我可以在每个列表项中显示图标,但是数字也在那里。我想隐藏数字。我尝试使用text-indent
,但是也删除了图标。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句