首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >将工具提示添加到字体优秀的品牌图标

将工具提示添加到字体优秀的品牌图标
EN

Stack Overflow用户
提问于 2019-12-02 17:12:46
回答 1查看 406关注 0票数 0

我正在使用字体很棒的品牌图标(例如fab fa-css3-alt),但我不能在鼠标悬停时添加工具提示,我看到了一些建议,但它们不起作用。我尝试了标题属性和数据切换属性,但它们没有帮助。

例如:

代码语言:javascript
复制
<i class="fab fa-python"></i>

如何在悬停时添加工具提示?

EN

回答 1

Stack Overflow用户

发布于 2019-12-02 17:54:52

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

最好将图标包装在另一个获取tooltip类的标记中:

代码语言:javascript
复制
<span class="tooltip" title="hello world"><i class="fa fa-random"></i></span>

Aziz Response

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59135680

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档