如何删除Facebook分享按钮下划线

Question

我把这个自动生成的facebook分享按钮

    <div class="fb-share-button" data-href="http://www.kafiyedizini.com" data-type="box_count"></div>

to my website

但是当我将鼠标悬停在它上面时，文字会加下划线。

See the caps here

当鼠标悬停时，我不希望在facebook分享按钮中带下划线的文字。

如何实现这个目标？

谢谢。

Answer 1

只需添加具有以下属性的CSS类：

.pluginShareButtonLink a:hover{text-decoration:none !important;}

修改

我检查过自从facebook按钮进入iframe后它无效，你无法改变来自其他服务器的iframe样式。

Answer 2

添加

.fb-share-button {
   text-decoration:none;
 }

如果已经应用，则使用text-decoration:none !important

.fb-share-button {
   text-decoration:none !important;
 }

Answer 3

试试这个： -

a:hover{
text-decoration: none !important;
}

Answer 4

这应该有帮助

a#u_0_1.pluginShareButtonLink
  {
    color:transparent !important;
   }