将 CSS 应用于 iframe 父级(在同一域上）

Apply CSS to iframe parent (on same domain)

本文关键字：CSS 应用于 iframe 父级      更新时间：2023-09-26

我有以下代码：

<html>
<head>
<style>
div { padding:0px; }
</style>
<body>
<div>testing123</div>
<iframe src="page2.html"></iframe>
</body>
</html>

是否可以将一些 js/css 应用于 page2.html这将更改父级的div { padding:0px; }部分？

你可以尝试将jquery代码放入你的Iframe加载中：

parent.$('body').find('div').css('padding', '10px');

在您的 html 页面上page2.html输入代码：

$(document).ready(function () {
   parent.$('body').find('div').css('padding', '10px');
});

您无法影响 iframed 元素的 CSS。您需要直接在文件中执行此操作

是的，但您必须将代码添加到 page2.html即使在同一域上也是如此。

这能做到你想要的吗？

$("div", top.document).css("padding", "10px");

我确实建议您id div，以防止搞砸整个页面的css。

相关文章：