css 为什么我的字体中的破折号是“信封”的真棒图标(下面的截图)

wkftcu5l 于 2023-06-25 发布在其他

关注(0)|答案(3)|浏览(175)

信封图标旁边有个奇怪的破折号

我还试图添加一个类似的图标从字体真棒4，但仍然不好.
我使用的代码如下-

<i class="far fa-envelope" class="inbox"></i>

而且，我也没有在CSS中对它做任何修改。

3条答案

如果你的fontawesome Icon被一个锚标签（）包裹起来，那么这个锚的样式需要设置为none来移除破折号。

示例：

<a href="https://XXXXX" style="text-decoration: none;">
    <i class="fab fa-facebook-f fa-2x" style="color: #3b5998;"></i>
</a>

您需要在类中添加text-decoration: none;。
它看起来像这样：

.inbox { 
         text-decoration: none; 
       }

对于初学者来说，“class”属性声明了两次。至于连字符，也许你有这个图标嵌套在删除线HTML标记或CSS属性声明。我不能肯定地说，没有看到完整的CSS的图标显示的地方。