如何使facebook内的文字像按钮白色？

Question

我在具有红色渐变背景的页面上使用facebook like按钮。我希望这个分享按钮里面的文字是白色而不是它当前的深蓝色（“你喜欢这个朋友的第一个”文字）：

我不知道如何解决这个问题。这是用于生成按钮的代码：

<div class="fb-like" data-href="<current page's url here>" data-send="true" data-width="360" data-show-faces="false" data-font="arial"></div>

根据firebug生成的代码是：

<div data-font="arial" data-show-faces="false" data-width="360" data-send="true" data-href="<current page's url here>" class="fb-like fb_edge_widget_with_comment fb_iframe_widget">
    <span>
        <iframe scrolling="no" id="f29d650aad23b3a" name="fc2a4f4faf238e" style="border: medium none; overflow: hidden; height: 29px; width: 360px;" title="Like this content on Facebook." class="fb_ltr" src="http://www.facebook.com/plugins/like.php?api_key=271291652883209&amp;channel_url=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%3Fversion%3D3%23cb%3Df28525cd54eb78%26origin%3Dhttp%253A%252F%252F<current page's url here>&amp;extended_social_context=false&amp;font=arial&amp;href=http%3A%2F%2F<current page's url here>%2Ftag%2Fzach-galifianakis&amp;layout=standard&amp;locale=en_US&amp;node_type=link&amp;sdk=joey&amp;send=true&amp;show_faces=false&amp;width=360"></iframe>
    </span>
</div>

如何使该文字变白？

Answer 1

根据Facebook的TOS项目IV。 7. d。 “你不能掩盖Like按钮或Like框插件的元素。” http://developers.facebook.com/policy/

如果你转到此页面，你可以让它变暗。 在配色方案下，你可以选择“黑暗”。 https://developers.facebook.com/docs/reference/plugins/like

这是一个博客条目，其中某人伪装了类似按钮。 http://www.esrun.co.uk/blog/disguising-a-facebook-like-link/

Answer 2

一种选择是简单地隐藏类似按钮，而只是创建自己的按钮。然后，您将在自定义按钮上绑定一个click事件，该事件只会触发实际隐藏的Like按钮上的单击事件。

Answer 3

我强烈建议您首先尝试Anders解决方案，因为它可能是您的情况下最快捷，最简单的解决方案，因为您可以自由更改背景图像。

但是这篇文章将告诉你如何使用自己的facebook框规则指向一个css文件。还有一个演示： http://line25.com/tutorials/how-to-add-a-custom-facebook-like-box-to-your-site

祝你好运=）