将 CSS 添加到 Facebook Like Box答案

【问题标题】：Adding CSS to Facebook Like Box将 CSS 添加到 Facebook Like Box
【发布时间】：2011-06-08 02:01:55
【问题描述】：

我正在尝试将 css 样式添加到 Facebook Like Box XFBML 文件，但它没有采用常规方式的样式表——它自己的样式表在你的之后。所以我做了一些搜索，发现帖子说要将 css="youstylesheetlink.css" 添加到 fb:like-box，如下所示：

<fb:like-box href="https://www.facebook.com/example" width="496" height="120" show_faces="true" border_color="" stream="false" header="false" css="http://example.com/css/style.css?2"></fb:like-box>

但无论我尝试什么，它都不会使用样式表。谁能指导我如何实现这一目标？

谢谢。

【问题讨论】：

这无法完成。 See this thread too.

标签： css facebook stylesheet facebook-like xfbml

【解决方案1】：

Facebook 曾经允许您将自定义 css 传递给他们的点赞框，这就是为什么您会看到这样的例子。但他们现在不再允许你这样做了。

【讨论】：

这是正确的答案，现在只是接受或离开他们提供给你的东西（除非你可以直接与他们打交道）。

【解决方案2】：

如果你能做到，那就是documented here。

恕我直言，您不能修改 Facebook 的企业品牌...他们希望在 Internet 上的任何地方都能获得一致的用户体验，否则，您将让人们不信任看起来像自制“赞”框的东西。

也看到这个...

Embedded Facebook Like-Box won't let me style it. Why?

【讨论】：

【解决方案3】：

除非您的网站恰好与 Facebook iframe 具有相同的匹配协议、域和端口，否则您无法修改它，因为 Same Origin Policy。

【讨论】：

Alex，这样不行吗？有一些教程网站可以做到这一点，但我无法复制他们的结果。另外，我的 XFBML 代码看起来与他们的不同。
@Shubo 生成的 HTML 是否包含在 iframe 中？
@Shubo：即使是 XFBML 代码也会导致渲染 iFrame...AFAIK，这是无法做到的。
@Sparky672：我可以使用 FB.XFBML.parse 吗？
@Shubo：如果可以的话，它会被记录在here。恕我直言，你不能修补 Facebook 的企业品牌......他们希望在互联网上的任何地方都能获得一致的用户体验，否则，你会让人不相信看起来像自制的“喜欢”盒子的东西。