我无法使用 html 更改 iframe 中文本的文本颜色

Question

我的 html 页面上有一个 iframe，用于显示文件的文本输出。我正在使用 iframe 在框中显示文本。

文本文件中的文本确实存在，但看不到。问题是我需要文本来匹配页面的配色方案。背景为黑色，文本为浅蓝色。

但是，iframe 中的文本显示为常规黑色文本。我尝试了不同的 html 代码来更改字体颜色，但没有任何效果。

这是我的代码：

<div class="aligncenter">
    <p><iframe style="color:blue" src="/home/ironmantis7x/Documents/BSSLLC/node_electron/jasminWeb_v2/engine/py-chatbotAI/test.txt" frameborder="2" height="300" width="50%"></iframe></p>
</div>

使文本在 iframe 中可见的正确方法是什么？除了使用 iframe 之外，还有更好的方法吗？

Answer 1

iframe 在您的页面中加载另一个页面。您不能从包含 iframe 标记的页面设置样式，必须在 iframe 指向的页面设置样式。

如果两者在同一个源上，实际上可以通过从 JavaScript 访问 iframe 文档来完成。但这会很棘手，不是一个好方法。

Answer 2

你可以打开 inspect element 并查看你想要更改的 class 名称或标签名称，然后在你的 css 中覆盖它

更新

如果您正在使用 Chrome，right-click 元素和 select“检查元素”。

开发工具“样式”面板向您显示 CSS 声明的来源：

我无法使用 html 更改 iframe 中文本的文本颜色

I can't change text color of text in an iframe using html

html

iframe