禁用iframe中的所有样式

Question

如何从iframe内的父网站禁用所有css样式，因此它仍然完全没有父css的样式。

Answer 1

如果它在同一个域上（跨域安全性会阻止您进行任何更改），您可以使用jQuery选择样式块和CSS链接：

只需将选择器指向您的iFrame，然后从文档中删除样式和链接：

$('#myFrame').contents().find('head link').remove();
$('#myFrame').contents().find('style').remove();

单行：

$('#myFrame').contents().find('head link, style').remove();

这应该清除任何CSS样式。如果有内联样式 - 这将需要更多的工作。

这是一个有效的例子： http://jsfiddle.net/JohnSReid/qv6q6ed8/1/show/

Answer 2

您不能使用父网站

执行此操作

假设iframe内容来自您的域名，您可以更改内容。

所以你可以用Css reset

来做到这一点

您必须包含css文件：

<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.17.2/build/cssreset/cssreset-min.css">

并在用户的CSS之后添加您的CSS，以便最后评估您的CSS。然后，通过为它们提供类似这样的类属性来重置元素上的CSS：

class="yui3-cssreset"