更改加载的iframe的样式

Question

我使用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中根本没有效果！

Answer 1

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

 $("iframe").contents();

Answer 2

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

HTML

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

CSS

#some_name{
    text-align:center;
}

这应该做你需要的。