使用来自父页面的CSS在iframe中设置文本文档样式

Question

我有一个包含多个iframe的HTML页面，每个iframe都指向同一个域中的文本文件。

现在我已经读了很多关于iframe指向HTML文件的内容，但是当它是文本文件时没有找到任何内容。我显然不能在文本文件中添加样式。

行为是iframe的文本内容继承了父级的背景颜色，而不是颜色。

现在，当我在父HTML文档中执行以下操作时，iframe内容的背景颜色会受到影响。

iframe
{
    background-color: black
}

但是，如果我执行以下操作，iframe文本内容的文本颜色仍然不受影响。

iframe
{
    color: White;
}

为什么？

Answer 1

如果加载到iframe中的文档中没有指定背景颜色，它将假定为透明，因此您实际看到的是iframe的背景颜色，因为 CSS适用于iframe本身，而不是它的内容

因此，基本上编辑文本颜色应该使用另一种方法，这个线程有几种方法：

How to apply CSS to iframe?

没有官方方法可以修改iframe的内容，因此您会遇到肮脏的黑客攻击。

Answer 2

在我的情况下，我有一个自定义文件浏览器，可以独立运行或在iframe中运行。在iframe中运行时，它会与网站的其余部分混合。单击TXT文件将打开它，该站点使用深色背景。我只是在新选项卡中打开链接，而不是更改文件中的文本以匹配。这解决了深色背景问题上的暗文本，对最终用户来说更好。

考虑不要更改文字颜色并找到替代解决方案