jquery - 更改已加载 iframe 的样式

Question

我使用 iframe 作为一种灯箱容器，我需要在 iframe 加载 url 后更改 iframe 内容的样式，但是我似乎无法使用 css 或 jquery 执行此操作。

我努力了：

iframe html body {text-align:center}
$('iframe html body').css('text-align','center');

而且似乎都没有任何效果，我也尝试过设置其他属性，但对内容完全没有影响。

这个可以吗？？

编辑

好的，这似乎是与浏览器相关的问题，我实际上是在尝试根据加载的内容动态设置 iframe 的宽度和高度：

$('iframe').load(function () {
   $(this).height($(this).contents().height());
   $(this).width($(this).contents().width());
});

这适用于 safari 和 chrome，但在 Firefox 中完全没有效果！

score 0 · Accepted Answer

0

如果 iframe 与父框架在同一个域中，则可以使用：

 $("iframe").contents();

于 2012-12-01T04:30:57.217 回答

score 0 · Accepted Answer

你到底想在这里实现什么？...你可以做的一件事是给 iframe 一个类或 id，并在 CSS 中定义你想要的规范。例如..

HTML

<iframe id="some_name"></iframe>

CSS

#some_name{
    text-align:center;
}

这应该做你需要的。