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

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

iframe html

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 年前

user18590948 user18590948 3 年前

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

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

Areg Nikoghosyan 3 年前

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

使现代化

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

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

推荐文章

mlsmet · 无法在Android手机上水平滚动表格

3 年前

lord stock · 硒在iframe中引发与下拉菜单相互作用的非接触元素异常

3 年前

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

3 年前

GÊá´á´á´ÊCá´á´ · 如何预加载或检测CDN承载的视频何时加载到盖茨比的折叠上方?

3 年前

ControlAltDel · 从iframe中加载的html页面上的源脚本获取Javascript变量

3 年前

Soniya Joshi · Android如何在Android iframe webview中传递url?

7 年前

Hellpless · 根据iframe-Google自动播放策略中的allow=“Autoplay”属性激活自动播放

7 年前

rosu alin · Vimeo视频不会在iframe中的chrome上启动。未调用LoadProgress

7 年前

Mahsa · 如何在javascript中获取iframe中链接的坐标

7 年前

Dixon Chaudhary · 在Laravel中维护会话和身份验证

7 年前