样式不适用于 iframe 内容

Posted

技术标签:

【中文标题】样式不适用于 iframe 内容【英文标题】:Styles not working on iframe contents 【发布时间】:2018-07-08 00:40:45 【问题描述】:

我正在尝试为 WordPress 网站设置 paypal iframe 的样式。我唯一的问题是我无法让我的风格真正发挥作用。检查时它们甚至不会出现在样式中。我只能设置 iframe 元素的样式,但不能设置任何内容。

代码是这样的

<iframe>
   #document
   <!doctype html>

   <html>
      <head>
      </head>

      <body>
         //content
      </body>
   </html>
</iframe>

是什么阻止我在 iframe 中设置任何样式?当我查看已经应用于 iframe 内内容的样式时,它们来自名为 common.css 的样式表。从我读过的内容来看,我的文件中不存在此样式表,而是在服务器端生成的。不过我可能是错的。谢谢

【问题讨论】:

你试过给元素内联样式吗?结果是什么? @Jackson 好吧,我确实查看了插件代码。但我能找到的只是 html 元素。其余所有元素似乎都是从其他地方生成的 【参考方案1】:

样式表仅适用于应用它的页面。 iframe 是一个通向完全不同页面的窗口。

应用于父文档的样式表将无法选择框架中加载的文档中的元素。

为了给框架中的元素设置样式,您需要将样式表添加到该文档。即更改 Paypal 服务器上的代码。

【讨论】:

好的,现在更有意义了。谢谢。因此,如果我以某种方式将样式表添加到其中,我的样式应该可以工作吗? 是的。如果您对 Paypal 的数据场执行某种 Mission Impossible 样式突袭,侵入他们的服务器并编辑它们以包含指向您的样式表的链接,那么您将能够为 Paypal 的页面设置样式。 哈哈哈我会马上开始的...或者我会考虑使用不同的插件。我不知道为什么这个没有响应。贝宝似乎不会创建非响应式插件。也许我之前的那个人下载了一个垃圾。感谢您的帮助

以上是关于样式不适用于 iframe 内容的主要内容,如果未能解决你的问题,请参考以下文章

jQuery隐藏功能不适用于iframe

是否可以为跨域 iframe 的内容设置样式?

CSS 背景颜色不适用于溢出的 SVG 内容

CSS 不适用于 DOMPDF

如何跨域更改 iframe 内容的样式?

iframe更改内容CSS样式[重复]