如何将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&nbsp;$head&nbsp;=&nbsp;$("#eFormIFrame").contents().find("head");$head.append($("<link/>",&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;rel:&nbsp;"stylesheet", &nbsp;&nbsp;&nbsp;&nbsp;href:&nbsp;url, &nbsp;&nbsp;&nbsp;&nbsp;type:&nbsp;"text/css"}));