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 は外部 iframe のため、CSS を変更することはできません。

この複製で詳細をお読みください。

于 2013-08-07T19:37:21.520 に答える
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 にスタイルを挿入できます。しかし、ベクターが言ったように、自分が何に夢中になっているのかを知ってください。

于 2013-08-07T19:37:06.440 に答える