Question

我现在已经挣扎了一段时间而没有任何成功。使用jquery设置样式不起作用，与facebook iframe之后相同。有没有办法执行这项任务？

<iframe src="http://www.facebook.com/plugins/like.php?&href=http%3A%2F%2Fwww.example.com&amp;layout=standard&amp;show_faces=false&amp;width=400&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=23" 
scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:23px;" allowTransparency="false"></iframe>          

<style>
    .connect_widget_not_connected_text, .connect_widget_connected_text {
        color:white;
    }
    .connect_widget_connected_text a {
        color:#3B5998;
    }
</style>

<script type="text/javascript">
    $(function() { 
        $('.connect_widget_not_connected_text').css('color', 'white');
    });
</script>

Answer 1

我确信你可以找出一个CSS技巧来设置按钮的样式，但是你违反了facebook的服务条款。您需要以其官方样式之一显示类似按钮。

Answer 2

或者，使用像

这样的分享链接

https://www.facebook.com/sharer.php?u=url_to_share&t=title_of_content

有关详细信息，请参阅https://developers.facebook.com/docs/share/。

Answer 3

我认为您不能以这种方式从父页面设置iframe内容的样式。你可以尝试在iframe中添加一个id并尝试以这种方式调用它，但即便如此，我也不确定它是否可行。

Answer 4

http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/

看看这个页面，或许可以指导你这个

Answer 5

看起来您正在使用iframe实现，并且您可能无法使用此实现并根据需要设置样式。但是，您可能希望显示实现Facebook Like按钮的其他方式，例如使用XFBML

风格facebook'喜欢'按钮

5 个答案: