代码之家  ›  专栏  ›  技术社区  ›  ironmantis7x

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

  •  0
  • ironmantis7x  · 技术社区  · 3 年前

    我的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,还有更好的方法吗?

    1 回复  |  直到 3 年前
        1
  •  2
  •   user18590948 user18590948    3 年前

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

    如果两者位于同一原点,则可以通过从JavaScript访问iframe文档来实现。但这会很棘手,而且不是一个好办法。

        2
  •  0
  •   Areg Nikoghosyan    3 年前

    您可以打开inspect元素并查看要更改的类名或标记名,然后在css中覆盖它

    使现代化

    如果您使用的是Chrome,请右键单击该元素并选择“Inspect element”。

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

    enter image description here