css - 从父框架 css 设置 iframe 内容的样式

标签 css iframe parent-child parent styling

我有一个嵌入 iframe 的页面,我需要设置 iframe 中显示的元素的样式。问题是我无法编辑 iframe(我认为它是同源的,但我不确定),所以我需要通过父框架中的代码设置 iframe 内容的样式。我尝试通过选择器来做到这一点,但没有成功。

例如:

<html>
   <body>
      <iframe id="frame">
         <div id="target">target</div>
      </iframe>
   </body>
</html>

CSS 方法:

#frame #target{
   background:red;
}

jQuery 方法:

$("#frame #target").css({'background':'red'});

最佳答案

您可以使用.contents()功能:

$('frame').contents().find('#target').css({'background':'red'});

关于css - 从父框架 css 设置 iframe 内容的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25494888/

相关文章:

javascript - 如何将sinon js注入(inject)到iFrame中的应用程序

html - 包装 div 内的 div 未正确对齐

html - 我可以在类定义中添加空格吗?

html - DRY原则的精确性

javascript - 2 个视频同一页面使用 iframe Youtube API 只加载一个

javascript - 确定框架是否跨域的最佳方法?

jquery - 使用 jquery 导航 dom 以获取特定元素

xslt - 复制 XML,同时排除父节点,删除特定子节点,并覆盖部分子节点

html - 如何在父元素和父元素的兄弟元素之上显示子元素?

html - 图像不是它应该是 HTML/CSS 的大小