iframe内のnen htmlページの色を反転/変更する

Question

私がやっていることは、ページ内に（外部）htmlページを使用することです。私のページの主な色が黒であるため、iframeページのCSSを変更/挿入したいと思います。私は、ページがローカルにしか流れていないため、技術には再編されていません。

e.g. this page

は、黒い背景と白いフォントを取得する必要があります。

---

私はいくつかの方法を試しました。 1つのアイデアは、htmlを読むことであり、replaceなどです。 CSSのファイルが、上記のページのためにJavascriptを介して動的（私のために働いていない）ロードされます。たぶんこれは良いアプローチですか？私は他のアプローチにも開放しています...

Answer 1

これは別の投稿とよく似ていますので、this linkまたはthis linkが役に立ちます。要点はあなたがそうのようなJavaScriptで子はiframeに親のCSSを送ることができるかもしれないです：[？iFrameにするためにCSSを適用する方法]の

window.onload = function() { 
    Array.prototype.forEach.call(window.parent.document.querySelectorAll("link[rel=stylesheet]"), function(link) { 
     var newLink = document.createElement("link"); 
     newLink.rel = link.rel; 
     newLink.href = link.href; 
     document.head.appendChild(newLink); 
    }); 
};