如何将CSS应用于iframe？

Question

如何将CSS应用于iframe？我有一个简单的页面，有一些iframe部分（显示RSS链接）。如何将主页面中的相同CSS格式应用于iframe中显示的页面？

Answer 1

如果iframe的内容不完全在您的控制之下，或者您想要使用不同样式访问不同页面中的内容，则可以尝试使用JavaScript进行操作。

var frm = frames['frame'].document;

var otherhead = frm.getElementsByTagName("head")[0];

var link = frm.createElement("link");

link.setAttribute("rel", "stylesheet");

link.setAttribute("type", "text/css");

link.setAttribute("href", "style.css");

otherhead.appendChild(link);

请注意，根据您使用的浏览器，这可能仅适用于从同一域提供的页面。

Answer 2

var $head = $("#eFormIFrame").contents().find("head");$head.append($("<link/>", {
    rel: "stylesheet",
    href: url,
    type: "text/css"}));