样式化 Facebook 和 Twitter 按钮答案

【问题标题】：Styling Facebook and Twitter buttons样式化 Facebook 和 Twitter 按钮
【发布时间】：2013-02-20 08:35:16
【问题描述】：

如何更改这些社交按钮的字体、颜色等？这里有代码：

脸书：

<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/es_ES/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

<div class="fb-like" data-href="http://www.facebook.com/pages/Verbum/435794593170850?skip_nax_wizard=true" data-send="true" data-layout="button_count" data-width="450" data-show-faces="false">        
</div>

推特：

<a href="http://twitter.com/_verbum" data-size="large" class="twitter-follow-button">Seguir @_verbum</a> 
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

【问题讨论】：

这可能非常棘手。首先检查这些脚本中的每一个是否都在 iframe 中添加了元素。如果是这样，你就不能用基本的 css 来设置它们的样式，因为 css 不会为 iframe 中的内容设置样式。

标签： css facebook twitter styles social

【解决方案1】：

我建议您使用 Stylish 之类的扩展程序，并为域编写用户样式，例如('facebook.com') 或 ('twitter.com')。

只要 iframe url 与 userstyle 的域匹配，这应该设置 iframe 中的任何内容。

【讨论】：

你能帮我找到Stylish的网站吗？
火狐：addons.mozilla.org/en-US/firefox/addon/stylish Chrome：chrome.google.com/webstore/detail/stylish/…

【解决方案2】：

不，我认为这不可能。可以理解的是，您希望它更多地集成到您网站的 CI 中——但另一方面，重要的是它可以被识别为“属于”Facebook，以便用户清楚他们在每次看到的内容时间。网络上的每个网站都有自己的插件“版本”会适得其反

【讨论】：