jquery - Facebookのいいねボックスのスクロールバーを削除する

Question

Facebook の likebox スクロール バーを削除したいのですが、ページの読み込み後に読み込まれたスタイルが調査で示されているため、likebox のスタイルが読み込まれているように見えるため、問題が発生しています。

「overflow: hidden」も上書きまたは追加したいクラスとして「pluginLikeboxStream」を特定しましたが、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>

Answer 1

Facebook の likebox は、宣言した div 内に IFrame として読み込まれます。

別のソースからの IFrame のスタイルを制御することはできません。

Facebook では、いいねボックスの表示方法をある程度制御できますが、それ以上のことはできません。

Answer 2

このCSSを試してください：

.pluginLikeboxStream{
overflow:hidden !important;
}