javascript
  • jquery
  • html
  • css
  • 2013-05-20 12 views 8 likes 
    8

    などを、私は私のWebページ内のiframeを持っていますが、私は、CSS /フォントスタイルを変更したいインラインフレームの変更内容CSSスタイル

    <iframe name='iframe1' id="iframe1" src='<?php echo "http://micro.shoretel.com/www/?v=$version&s=$style&l=$logo&p=" . $_GET["p"] ?>' frameborder='0' width='660' height='450'></iframe> 
    

    どのように私は、IFRAMEのコンテンツのCSSスタイルをオーバーライドしていますか?

    +0

    ドメインの 'iframe' srcはありますか?もしそうなら、標準のCSSを使ってそれに悩まされるかもしれませんが、そうでなければ何もできません。 – Justin808

    +0

    スタイルシートの参照をiframeに配置します。 – user1

    +0

    http://stackoverflow.com/questions/6494721/css-overide-body-style-for-content-in-iframe – zavg

    答えて

    18

    に基づいてスタイルを追加静的iframe Sを変更スタイル、あなたはCSSファイルのスタイルルールを変更することができます、これは@ Justin808が参照しているものです。

    あなたが動的スタイル、iframeは、独自のドメインにページをロードを変更にしたい場合は、あなたがこのjQueryのを使用して行うことができます:iframeがページをロードすると

    $("iframe").contents().find("element-selector").css("border-color", "blue"); 
    

    を別のドメインで、運がよければ、this linkに従ってください。なぜそれがうまくいかないのか少し読むことができます。あなたはHTML5を使用している場合

    は、ページとiframe間の通信にpostMessageを使用することができます。あなたはiframe内のページへの 『編集アクセス』を持っている場合は、それに渡されるパラメータを理解するためにそれを編集し、それが作用させることができるように

    さん @crdunstソリューションはに動作しますそれらのパラメータ。これは、iframeの中のページをリロードして別のパラメータセットを渡すことによってのみスタイルを変更できるようにするので、jQueryを使用するほど動的ではありません。

    +0

    ill jQueryを試してください、ありがとう、 –

    +0

    それは私のためには機能しません:( –

    5

    これがuser2146515を参照しているかどうかはわかりませんが、iframe内のページにアクセスできる場合は、URLに値を渡してiframeコンテンツ内の値を使用できます:

    <iframe src="http://www.youriframecontent.com?bg=ffffff&text=000000"></iframe> 
    

    は、その後のiframeページ内に、値をチェックし、iframeは、独自のドメインにページをロードして、あなたがにしたい場合は、それらの値

    関連する問題