向Facebook点赞框添加CSS

Question

我正在尝试给Facebook Like Box XFBML文件添加CSS样式，但它不能像普通的CSS样式表那样生效 - 它自己的样式表排在你的后面。因此，我进行了一些搜索，并找到了一些帖子，建议像这样在fb:like-box中添加css="yourstylesheetlink.css":

<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>

无论我尝试什么，样式表都不起作用。有人可以指导我如何实现这一点吗？

谢谢。

- Shubo

---

这是不可能的。也可以看看这个帖子。 - Sparky

Answer 1

Facebook曾经允许您将自定义CSS传递给他们的Like Box，这就是为什么您会看到它发生的例子。但是，目前他们不再允许您这样做。

- bkaid

---

这是正确的答案，现在就只能接受他们提供的内容（除非你能直接与他们达成协议）。 - CodeVirtuoso

Answer 2

除非您的网站与Facebook的iframe具有相同的协议、域和端口，否则由于同源策略，您将无法修改它。

- alex

---

Alex，这真的做不了吗？有些教程网站可以做到，但我无法复制他们的结果。而且我的XFBML代码看起来与他们的不同。 - Shubo

@Shubo 生成的 HTML 是否包含在一个 iframe 中？ - alex

@Shubo：即使使用XFBML代码，也会呈现出iFrame...据我所知，这是不可能的。 - Sparky

@Sparky672：我可以使用FB.XFBML.parse来做吗？ - Shubo

@Alex，是的，它会生成iframe。 - Shubo

如果可以的话，这个文档中有记录（在此处）。我认为，你无法随意修改Facebook的公司品牌形象...他们希望用户在互联网上的每个地方都拥有一致的用户体验，否则，人们就会不信任看起来像自制“赞”框的东西。 - Sparky

Answer 3

如果你能做到的话，这里有文档。在我看来，你不能随意修改Facebook的企业品牌…他们希望用户在互联网上的使用体验保持一致，否则，你会有人不信任那些看起来像是自制的“点赞”框。另外，也可以看看这个链接：嵌入的Facebook赞框为什么无法自定义样式？。

- Sparky