如何更改iframe中的body css元素?

时间:2014-04-11 17:24:57

标签: javascript jquery html css iframe

我将网站的默认正文背景设置为: body {background-color:red;}

但是,我使用的是通过iframe显示的外部文本输入框,它也显示红色背景。

如何保留网站的红色背景,但将iframe内的背景更改为白色?

我试过做类似的事情,但没有任何影响:

iframe body {background-color: white !important;}
document body {background-color: white !important;}
td body {background-color: white !important;}
tr body {background-color: white !important;}

以下是使用正文的屏幕截图:http://screencast.com/t/D2x5dFRCE

谢谢!

2 个答案:

答案 0 :(得分:1)

也许这是不可能的。

如果您是iframe中域的所有者,则可以通过.htaccess允许scross站点脚本。

如果您要创建一个类似"编辑器"的项目,您可以使用它来编辑iframe元素格式:

$("#iframName").contents().find(element)

答案 1 :(得分:0)

您是否尝试使用jquery强制它?

$("#iFrame").contents().find("#someDiv").css({width:'450px'});
$("#iFrame").contents().find("body").css({color:'red'});