javascript - 从跨域在 iframe 上应用样式

Question

我有一个由 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     
});

提前致谢..

Answer 1

如果两者都托管在同一域中，则只能从父页面更改 iFrame 中的样式。或者您控制两个域。

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