html - 如何将 css 样式应用到 iframe 内容中？

Question

我正在尝试为 iframe 中的内容应用 CSS 样式，请查看此链接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');
});