如何设置第 3 方 iFrame 的样式 [重复]

Posted 2023-03-05

【中文标题】如何设置第 3 方 iFrame 的样式 [重复]

【英文标题】：How to style a 3rd-party iFrame [duplicate]

【发布时间】：2013-05-04 17:36:34

【问题描述】：

有没有办法对第 3 方 iframe 进行 CSS 样式化？例如，对于 Twitter 小部件，我想更改字体大小。

我该怎么做？

【参考方案1】：

我不认为您这样做...出于所有意图和目的，iframe 是另一个文档并且完全不受您的控制（只要它是第 3 方和/或存储在另一个域中）。

对于 twitter，您始终可以在启动时配置小部件本身，但只要您尝试访问/更改 iframe 内文档的大多数属性，您就被卖掉了。

长话短说：据我所知，您依赖于第 3 方为您提供的任何工具。当然，您可以随时进行 hack（密集的 curl 调用、解析和重写），但这就像用大炮杀死苍蝇一样。

您到底想达到什么目的？也许第三者有办法让你……

【讨论】：

更改字体大小...你能在事后用javascript添加css吗？

大卫：我真的不认为你可以。使用 Javascript 将文档访问到 iframe 是“允许的”，但大多数情况下您只能读取信息（老实说，并不是很多信息）。相同的规则适用于例如尝试使用 iframe 和 JS 读取另一个站点的内容以便复制它们的情况。至于 css，我认为 iframe.myframe 文档主体 div.this_thing font-size: 11px 根本不会做任何事情。我知道这听起来有点奇怪，毕竟所有文本 IS 都在您的计算机中，但这就是安全性的方式。