jquery - 読み込まれた iframe のスタイルを変更する

Question

iframe を一種のライトボックスコンテナとして使用しています。URL をロードした後、iframe のコンテンツのスタイルを変更する必要がありますが、css または jquery ではこれを行うことができないようです。

私が試してみました：

iframe html body {text-align:center}
$('iframe html body').css('text-align','center');

また、どちらも効果がないようです。他の属性も設定してみましたが、内容にはまったく影響しません。

これはできますか??

編集

OK、これはブラウザー関連の問題のようです。実際には、読み込まれたコンテンツに応じて iframe の幅と高さを動的に設定しようとしています。

$('iframe').load(function () {
   $(this).height($(this).contents().height());
   $(this).width($(this).contents().width());
});

これは safari と chrome では機能しますが、Firefox ではまったく効果がありません!

score 0 · Accepted Answer

ここで正確に何を達成しようとしていますか?...できることの1つは、iframeにクラスまたはIDを与え、CSSで必要な仕様を定義することです。例えば..

HTML

<iframe id="some_name"></iframe>

CSS

#some_name{
    text-align:center;
}

これは、必要なことを行う必要があります。

score 0 · Accepted Answer

iframe が親フレームと同じドメインにある場合は、次を使用できます。

 $("iframe").contents();