Question

我通过以下方式制作了一个Twitter“Tweet”按钮：https://about.twitter.com/resources/buttons#tweet（确实出现在我的本地主机上的网站上）并且确实需要一个Facebook“分享”按钮，它在配色方案，字体类型/颜色方面与之匹配，并突出显示效果。但是：

- Facebook的代码https://developers.facebook.com/docs/plugins/share-button/生成的按钮似乎不能被CSS编辑，所以我不能让它看起来就像我的Twitter按钮。

希望得到一些帮助，谢谢！

***编辑根据要求，以下是一些代码片段，以帮助那些想要帮助我的人：

Twitter按钮我正在使用：

 <a href="https://twitter.com/share" class="twitter-share-button" data-    
url="http://example.com" data-size="large" data-count="none" data-dnt="true">Tweet</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)
[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)) 
{js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

...这就是我开始使用的Facebook代码：

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

和

<div class="fb-share-button" data-href="http://example.com" data-width="75" data-type="button"></div>

Answer 1

是的，Facebook按钮没有可编辑的CSS，因为Facebook希望他们的按钮上的样式。

那就是说，你可以使用不支持的* facebook sharer.php 链接来解决样式限制。基本上，它是旧版本的共享按钮，虽然你不能定义很多东西（或者在共享发生时获得回调等），因为它是常规的html标签，你可以设置它，但是你很想要它。

有关如何自定义链接参数的简要说明， check out this blog post 。

* 虽然Facebook已弃用sharer.php，并且真的希望人们使用新版本以便Facebook可以控制样式等，但它们仍然保持活着，因为它在网络上具有如此广泛的用途。 YMMV，但它是我所知道的唯一方式来设置Facebook共享按钮的样式。

Facebook分享按钮等于Twitter推文按钮

1 个答案: