从跨域在 iframe 上应用样式

【问题标题】：Apply style on Iframe from cross domain从跨域在 iframe 上应用样式
【发布时间】：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     
});

提前谢谢..

【问题讨论】：

标签： javascript jquery iframe cross-domain iframe-resizer

【解决方案1】：

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

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

【讨论】：