删除facebook likebox滚动条

时间:2013-02-01 10:25:19

标签: jquery html css facebook-like facebook-social-plugins

我想删除facebook likebox滚动条并且遇到问题,因为它似乎加载了likebox的样式,因为调查表明在页面加载后加载了样式。

我已经确定'pluginLikeboxStream'作为我要覆盖的类或者也添加'overflow:hidden'但是不知道如何从facebook添加或覆盖默认样式。

我已尝试过本地css文件,并且jquery没有成功。

任何想法

    (function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=445282282200701";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));'

html:

<div class="fb-like-box" data-href="https://www.facebook.com/mypage" data-width="355" data-height="400" data-show-faces="false"
                data-stream="true" data-border-color="#FFFFFF" data-header="false">
            </div>

2 个答案:

答案 0 :(得分:1)

Facebook likebox在您声明的div中作为IFrame加载。

您无法控制来自其他来源的IFrame样式。

Facebook让您可以控制类似框的显示方式,但除此之外您无法做任何事情。

答案 1 :(得分:-1)

试试这个css:

.pluginLikeboxStream{
overflow:hidden !important;
}