如何风格化圆形 Fontawesome 图标背景?

2023-12-19

有没有一种简单的方法来风格化Fontawesome图标背景正确吗? 我试图用icon-remove-sign(其特殊性是圆形)图标,以便显示白色的十字和红色的圆圈。

困难在于图标被识别为正方形,所以我试图将其变成圆形以便应用红色background color(但我想知道是否没有更简单的东西):

.icon-remove-sign {
    padding: 0;
    border-radius: 25px;
    color: white;
    background-color: red;
}

但这还不够,我们可以看到图标顶部的红色背景。

你会怎么做?


通过 fontawesome,您可以使用如下所示的堆叠图标:

<span class="fa-stack fa-lg">
  <i class="fa fa-camera fa-stack-1x"></i>
  <i class="fa fa-ban fa-stack-2x text-danger"></i>
</span>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何风格化圆形 Fontawesome 图标背景? 的相关文章

随机推荐