HTML5-Facebook评论自定义css

如何向HTML5插件添加自定义CSS

（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/all.js#xfml=1&appId=123456789”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

---

谢谢。Uli

使用Firebug或WebKit检查器检查生成的HTML，并创建相应的CSS。

试试这个

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

#comments a { color: #ff6600; }

---

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

尝试将以下内容添加到css代码中：

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

---

为什么这是错误的？你不能用自己的CSS覆盖Facebook插件吗？你可以用Firebug来检查哪些CSS选择器在使用。FB社交插件在他们自己的Iframe中，所以“家长”网站上的CSS不适用。即使你找到了改变的方法，你也应该意识到这是违反Facebook政策的。您无权更改FB评论，如按钮等。

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