奇怪的下划线在字体awesome CSS [英] Strange underlines in font-awesome CSS
本文介绍了奇怪的下划线在字体awesome CSS的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
当我将鼠标悬停在字体awesome的图标(当他们堆叠在一起时),如下所示(见图片)。我得到这些奇怪的下划线。任何想法他们可以从哪里来?
When I hover on font-awesome's icons (when they're stacked together) like below (see picture). I get these strange underlines. Any idea where they could come from?
来源:
<div class="text-center">
<!-- FB -->
<a href="http://www.facebook.com/share.php?u=${shareURL}"
target="_blank" style="color : #555">
<i id="facebook" class="fa-3x fa fa-facebook-square"></i>
</a>
<!-- Twitter -->
<a href="http://twitter.com/?status=Sign-Up+for+SolidTranslate+here!:+${shareURL}+@SolidTranslate" target="_blank" style="color : #555">
<i id="twitter" class="fa-3x fa fa-twitter-square"></i>
</a>
<!-- LinkedIn -->
<a href="http://www.linkedin.com/shareArticle?url=${shareURL}&title=Sign-Up%20for%20SolidTranslate%20here:%20${shareURL}&summary=To%20get%20started%20translating%20SolidWorks%20files%20register%2\
0here:%20${shareURL}&source=${shareURL}" target="_blank" style="color : #555">
<i id="linkedin" class="fa-3x fa fa-linkedin-square"></i>
</a>
<!-- Google+ -->
<a href="https://plus.google.com/share?url=${shareURL}"
target="_blank"
style="color : #555">
<i id="googleplus" class="fa-3x fa fa-google-plus-square"></i>
</a>
推荐答案
这些行通常来自默认(下划线) code> a
Those lines usually come from the default (underline) a
element style.
使用另一个元素或删除下划线:
Either use another element or remove the underline :
a.social { /* or whatever your class */
text-decoration: none;
}
这篇关于奇怪的下划线在字体awesome CSS的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文