反转/更改iframe中的nen html页面的颜色

Question

我想要做的是在页面中使用（外部）html页面。由于我的页面主要颜色是黑色，我想更改/注入iframe页面的CSS。由于该页面只在本地运行，因此我没有对该技术进行重新分区。

e.g. this page

应该得到一个黑色的背景和一个白色的字体。

---

我尝试了几种方法。一个想法是阅读html和replace，例如的CSS文件，但由于提到的页面获取加载动态通过Javascript它不工作（对我来说）。也许这是一个好方法？我也接受其他方法......

Answer 1

这看起来与其他帖子非常相似，所以this link或this link可能会有所帮助。要点是，你可能能够通过JavaScript父母的CSS发送到孩子的iframe，像这样：

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); 
    }); 
};