HTML 5 - Facebook评论定制css

如何将自定义CSS添加到HTML 5 Facebook comments插件？HTML 5 - Facebook评论定制css

<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&appId=123456789"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>

谢谢。 Uli

来源

2012-04-17 Uli

即使你找到一个方法来改变这种状况，你应该认识到是对Facebook的政策。您无权更改FB评论，如按钮等。 – 2012-08-15 01:56:03

-2

使用Firebug或WebKit检查器检查产生的HTML，并根据CSS创建。

来源

2012-04-17 12:19:35

为什么这是错的？你不能用你自己的方式覆盖Facebook插件CSS吗？你可以使用Firebug来检查哪些CSS选择器使用。 – 2012-04-18 08:49:41

FB社交插件位于自己的Iframe中，因此“父”网站上的CSS不适用 – 2012-07-26 05:23:36

试试这个

#fb-comments { 
    width: 100%; 
    float: left; 
    font-family: Arial, Helvetica, sans-serif; 
    color: #ff6600; 
} 

#comments a { color: #ff6600; }

来源

2012-08-08 06:12:50

不幸的是，我发现没有办法做到这一点。内容通过JavaScript加载到iframe中。如果它被直接注入到DOM中，则可能会发生，但不会自动更新。

来源

2012-08-15 01:42:46 Scottux

尝试添加下列到你的CSS代码：

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { 
width: 100% !important; 
}

来源

2016-06-15 23:33:10

HTML 5 - Facebook评论定制css

回答

相关问题