同じ起源のポリシーがCSSスタイリングに含まれていますか？

Question

私は、お客様のサイト予約を処理する予約システムを使用しています。お客様が空室状況を確認すると、当サイトではなく予約サイト（リダイレクト）で行われます。

私の質問は、同じ起源のポリシーに関しては、CSSスタイリングの対象となりますか？ iframe内の私たちの色に合わせて背景色を変更することが許されていますか？

Answer 1

同じ起源ポリシー - iFrameにCSSファイルを適用することは可能ですが、お勧めできません。あなたのCSSファイルを参照し、あなたのiFrame内でそれを設定するためのlink要素を作成することができます。

var link = document.createElement("link"); 
link.href = "http://example/css/style.css"; // Your CSS URL 
link.rel = "stylesheet"; 
link.type = "text/css"; 
frames['frame1'].document.body.appendChild(link); 

このコードは、あなたのCSSファイルへのリンクを持つのiFrameのHTMLを「プッシュ」。

注：あなたのiFrameのHTMLソースの既存のCSSルールは、（例えば、!importantで設定）のスタイルをオーバーライドしている場合は、あなたのCSS値を却下することができます。