0

所以我正在尝试通过任何可能的方式来修改 Facebook Like Box 的 CSS。我找到了有问题的价值，我想改变它。这是一个 iframe 的内部。

CSS是这样的：

.pluginLikeboxStream {
overflow-x: hidden;
overflow-y: auto;
}

这导致 Like Box 流上总是有一个滚动条，我真的非常不想要。

无论如何我都看不到要修改它-不是Javascript SDK（我认为这是我最大的希望），也不是通过在其上使用Javascript或jQuery（因为它创建了一个iframe，据我所知，这是不可能的- 尽管 Firebug 让我改变了这一点）。

显然，最好的解决方案是能够使用 CSS 设置样式，但这似乎也是不可能的。

有没有什么办法解决这一问题？

我试图加载没有滚动条的 iframe，但这只是在 iframe 的外部 - 这显然是内部的。

我想要的只是将这个类设置为overflow: hidden;

4

4 回答 4

1

无法更改官方 Facebook Like Box 的 CSS，因为它是外部 iframe。

在此副本中阅读更多内容。

于 2013-08-07T19:37:21.520 回答
0

您可以创建自己的“喜欢”按钮 - 没有喜欢计数（但您可以解决此问题），然后使用 JS API 来“喜欢” URL

于 2013-08-07T19:41:51.490 回答
0

如果您设置!important，那么它将覆盖应用于该元素的任何其他 CSS

.pluginLikeboxStream {
    overflow: hidden !important;
}

!important应该只在这样的情况下使用。

已编辑

要将其应用于 iFrame，您需要使用 jQuery

$('iframe').load( function() {
    $('iframe').contents().find("head")
      .append($("<style type='text/css'>  .pluginLikeboxStream {overflow: hidden !important;} /style>"));
});

这就是我一直这样做的方式。

于 2013-08-07T19:45:28.493 回答
0

由于您要通过 CSS 更改的内容位于 iframe 中，因此您可以将样式注入 iframe。但正如 Vector 所说，要知道自己要做什么。

于 2013-08-07T19:37:06.440 回答