Question

因此，我正在尝试通过任何可能的方式修改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;

Answer 1

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

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

Answer 2

由于您要通过CSS更改的内容位于iframe中，因此您可以inject a style into the iframe。但是，正如Vector所说，知道自己在做什么。

Answer 3

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

Answer 4

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

.pluginLikeboxStream {
    overflow: hidden !important;
}

!important只应在此类情况下使用。

<强> EDITED

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

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

这就是我一直以来的做法。

有没有办法改变Facebook Like Box的CSS？

4 个答案: