如何在facebook留言簿插件（html5版本）中自定义css样式？答案

【问题标题】：How to customize css style in facebook guestbook plugin (html5 version)?如何在facebook留言簿插件（html5版本）中自定义css样式？
【发布时间】：2012-10-11 10:29:05
【问题描述】：

页面加载后，我可以看到 facebook 插件 (HTML5) 使用 Firebug 等特定工具生成的巨大 css 代码，我可以对其进行更改。但是如何在不使用 Firebug 的情况下更改样式？我试图覆盖我的 css 代码中的类，但我的代码被插件忽略了。

【问题讨论】：

标签： css facebook html plugins

【解决方案1】：

如果您的留言簿是指 facebook cmets，诀窍是将其包装在 div 中，如下所示：

<div id="comments">
    <fb:comments xid="XXXXXXXXXXXXXXX" numposts="15"></fb:comments>
</div>

然后在你的css中你可以做

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

等等，对于完整的样式信息，这个链接应该可以帮助你 http://www.daddydesign.com/wordpress/how-to-customize-the-facebook-comments-social-plugin-on-a-static-fbml-tab/

【讨论】：

感谢您的回复，但不幸的是，此解决方案已过时。它仅对带有 iframe 的旧方法有效，现在不再可用。我需要一个解决方案 HTLM5
据我所知，即使是 html5 版本也会创建一个 iframe（至少在我设置的测试示例中），所以我担心无法实现您想要做的事情:(