从跨域在 iframe 上应用样式

Posted 2023-05-09

【中文标题】从跨域在 iframe 上应用样式

【英文标题】：Apply style on Iframe from cross domain

【发布时间】：2015-05-20 21:33:19

【问题描述】：

我有一个通过 iframe 加载的小部件。 我可以更改内部内容的样式吗？

我使用了以下插件来尝试： https://github.com/davidjbradshaw/iframe-resizer/tree/master/example

jQuery('#market_quotes_f').iFrameResize(
    log : true,                  // Enable console logging
    autoResize: false,
    enablePublicMethods: true,
    sizeWidth: true     
);

提前谢谢..

【参考方案1】：

您只能从父页面更改 iFrame 中的样式，前提是两者都托管在同一个域中。或者你控制这两个域。

您使用的 iframe-resizer 脚本要求您将 JS 文件放置在 iFrame 中的主机页面和子页面上。如果您已经这样做了，那么为什么不将 CSS 文件添加到 iframe 内容中呢？