工具提示未显示在 fontawesome 图标按钮上

Posted 2023-02-22

技术标签:

【中文标题】工具提示未显示在 fontawesome 图标按钮上【英文标题】：Tooltip not displaying on fontawesome icon button 【发布时间】：2016-12-29 14:35:07 【问题描述】：

我有一个嵌套在 a 中的 fontawesome 图标，但工具提示没有弹出。

<i class="fa fa-random" title="some tooltip"></i>

风格：

i.fa 
    display: inline-block;

【问题讨论】：

【参考方案1】：

如果您使用的工具提示插件使用::before 伪元素，那么它会与fontawesome 冲突，因为它也使用伪元素来显示图标。

最好将您的图标包装在另一个获取工具提示类的标签中：

<span class="tooltip" title="hello world"><i class="fa fa-random"></i></span>

【讨论】：

以上是关于工具提示未显示在 fontawesome 图标按钮上的主要内容，如果未能解决你的问题，请参考以下文章