如何将CSS样式应用于iframe内容？

Question

我想申请一个CSS样式的iframe里面的内容，请检查此链接http://jsfiddle.net/pPqGe/

的jQuery：

$(document).ready(function() { 
    $('iframe').contents().find('h1').css('color','red'); 
}); 

HTML：

<iframe src="mysite" width="100%" height="100%" id="myframe"></iframe> 

iframe的来源我已经使用了现场网站。

Answer 1

它的工作原理。问题是没有H1，只有H2。 查看此链接http://jsfiddle.net/pPqGe/1545/。

HTML：

<iframe src='jsfiddle.net'></iframe> 

的JavaScript：

$(document).ready(function() { 
    $('iframe').contents().find('h2').css('color','red'); 
    $('iframe').contents().find('#header').css('opacity','.2'); 
});