关键词：
【中文标题】iframe更改内容CSS样式[重复]【英文标题】：Iframe Change Content CSS Style [duplicate] 【发布时间】：2013-05-15 13:08:34 【问题描述】：我的网页中确实有一个 iframe，但我想更改 css / 字体样式等。
<iframe name='iframe1' id="iframe1" src='<?php echo "http://micro.shoretel.com/www/?v=$version&s=$style&l=$logo&p=" . $_GET["p"] ?>' frameborder='0' width='660' height='450'></iframe>
如何覆盖 iframe 内容的 CSS 样式？
【问题讨论】：
iframe src 在您的域中吗？如果是这样，您可以使用标准 CSS 来处理它，如果不是……那么您将无能为力。
将样式表引用放在 iframe 上。
***.com/questions/6494721/…
【参考方案1】：
如果iframe 在您自己的域中加载页面，并且您想静态地更改iframes 样式，您可以只更改样式规则在 CSS 文件中，这就是 @Justin808 所指的内容。
但是，如果您想动态地更改样式，并且iframe 会在您自己的域中加载页面，您可以使用 jQuery 来做到这一点：
$("iframe").contents().find("element-selector").css("border-color", "blue");
如果 iframe 加载了另一个域上的页面，那你就倒霉了，请关注 this link，在那里你可以阅读一下为什么这不起作用。
如果您使用的是 HTML5，您可以使用postMessage 在页面和iframe 之间进行通信。
@crdunst 的解决方案将起作用如果您对 iframe 内的页面具有“编辑权限”，以便您可以对其进行编辑以了解参数被传递给它，然后让它作用于这些参数。它不像使用 jQuery 那样动态，因为它只允许您通过在 iframe 中重新加载页面并传递另一组参数来更改样式。
【讨论】：
我试试 jQuery，谢谢， 它对我不起作用:(【参考方案2】：我不确定这是否是 user2146515 所指的，但如果您可以访问 iframe 中的页面，则可以在 url 上传递值，然后在 iframe 内容中使用这些值：
<iframe src="http://www.youriframecontent.com?bg=ffffff&text=000000"></iframe>
然后在 iframe 页面中，检查值并根据这些值添加样式
【讨论】：
如何跨域更改 iframe 内容的样式？
】如何跨域更改iframe内容的样式？【英文标题】：Howtochangestyleofiframecontentcross-domain?【发布时间】：2011-06-1103:03:38【问题描述】：我想将iframe内的内容的背景颜色设置为黑色，文本颜色设置为白色，而不是默认的普通白色背景和... 查看详情
使用 CSS 影响 iframe 中的 div 样式
...时间】：2010-10-0916:25:48【问题描述】：是否可以仅使用CSS更改位于页面iframe内的div的样式？【问题讨论】：HowtoapplyCSStoiframe?的可能重复更多关于CORS的信息：wikipedia.org/wiki/Content_Security_Policy和deve 查看详情
如何设置第 3 方 iFrame 的样式 [重复]
...第3方iframe进行CSS样式化？例如，对于Twitter小部件，我想更改字体大小。我该怎么做？【问题讨论】：【参考方案1】：我不认为您这样做...出于所有意图和目的，iframe是另一个文档并且完全不受您的控制（只要它是第3方和/ 查看详情
如何将 css 样式应用到 iframe 内容中？ [复制]
】如何将css样式应用到iframe内容中？[复制]【英文标题】：Howtoapplyingcssstyleintoaniframecontent?[duplicate]【发布时间】：2013-03-2615:07:12【问题描述】：我正在尝试为iframe中的内容应用CSS样式，请查看此链接http://jsfiddle.net/pPqGe/jQuery:$(docu... 查看详情
iframe 内容加载后触发 js 函数
...我正在从外部站点（Twitter提要）加载iframe，并希望使用JS更改css样式。JS代码为：$(".twitter-timeline").contents().find(".p-name").css("font-size","16p 查看详情
iframe如何使用javascript替换内容？
...内容显示完成了。浏览者与网页进行一些交互后，需要把更改反应在iframe中，比如，修改了样式、或HTML代码，该如何实现呢？我希望只刷新iframe元素就可以完成，而不是再重新加载页面。有没有方法，可以完全替换掉iframe的css... 查看详情
通过 JavaScript 更改 CSS 伪元素样式 [重复]
】通过JavaScript更改CSS伪元素样式[重复]【英文标题】：ChangingCSSpseudo-elementstylesviaJavaScript[duplicate]【发布时间】：2011-05-2718:13:01【问题描述】：是否可以通过JavaScript更改CSS伪元素样式？例如，我想像这样动态设置滚动条的颜色：d... 查看详情
iOS 浏览器 - 使用 JavaScript 更改 css 或内容时 iFrame 跳转到顶部
】iOS浏览器-使用JavaScript更改css或内容时iFrame跳转到顶部【英文标题】：iOSbrowser-iFramejumpstotopwhenchangingcssorcontentusingJavaScript【发布时间】：2016-04-1810:10:51【问题描述】：这个问题似乎一直存在。在某些特定情况下，iOS浏览器会出... 查看详情
从 ASP.NET 代码更改 CSS 样式 [重复]
】从ASP.NET代码更改CSS样式[重复]【英文标题】：ChangingCSSstylefromASP.NETcode[duplicate]【发布时间】：2010-09-2900:24:26【问题描述】：可能重复：ChangeCSSDynamically我需要从ASP.NET代码(VB)更改div容器的高度（CSS属性高度）。我该怎么做？【... 查看详情
iFrame 高度到完整内容 [重复]
...我希望页面加载到从属页面内容的完整高度并相应地进行更改。我想要尽可能简单的代码以避免混淆，因为我对此的理解是 查看详情
有啥方法可以使用 css [重复] 更改列表样式圆圈的颜色
】有啥方法可以使用css[重复]更改列表样式圆圈的颜色【英文标题】：Isthereanywaytochangecolorofthelist-stylecircleusingcss[duplicate]有什么方法可以使用css[重复]更改列表样式圆圈的颜色【发布时间】：2012-01-0817:24:15【问题描述】：可能重... 查看详情
Fancybox iframe 内容 - 如何从父级访问 CSS？
】Fancyboxiframe内容-如何从父级访问CSS？【英文标题】：Fancyboxiframecontent-howtoaccessCSSfromparent?【发布时间】：2011-10-3119:58:06【问题描述】：我正在从加载了多个样式表的页面中打开Fancyboxiframe。iframe中的内容来自我自己的应用程序... 查看详情
在 Iframe 页面中添加/更改 css
】在Iframe页面中添加/更改css【英文标题】：adding/changingcssinIframepage【发布时间】：2015-09-1615:08:26【问题描述】：我的任务是在SharePoint2013网站上使用这种方法，所以就这样吧。背景：-我在SharePoint2013网站中有一个页面，该页面有... 查看详情
如何根据浏览器大小切换 CSS 样式表（更改网站的外观）[重复]
】如何根据浏览器大小切换CSS样式表（更改网站的外观）[重复]【英文标题】：HowtoswitchCSSstylesheets(changewhatthewebsitelookslike)basedoffofbrowsersize[duplicate]【发布时间】：2020-09-0920:11:47【问题描述】：我正在尝试创建我的网站的两个版本... 查看详情
当 Fancybox 关闭时根据 iframe 中用户生成的内容更改父元素
】当Fancybox关闭时根据iframe中用户生成的内容更改父元素【英文标题】：ChangeaparentelementwhenFancyboxclosebasedonusergeneratedcontentwithintheiframe【发布时间】：2014-07-2802:46:04【问题描述】：对不起，如果它是重复的，但我在这里尝试了很多... 查看详情
修改伪元素的css样式：在Jquery内容之后[重复]
】修改伪元素的css样式：在Jquery内容之后[重复]【英文标题】：Modifycssstyleforpseudoelement:aftercontentwithJquery[duplicate]【发布时间】：2011-12-1412:04:25【问题描述】：我的气球形状是用CSS3设计的。JSFiddleExample它是用制成的三角形:afterconte... 查看详情
修改伪元素的css样式：在Jquery内容之后[重复]
】修改伪元素的css样式：在Jquery内容之后[重复]【英文标题】：Modifycssstyleforpseudoelement:aftercontentwithJquery[duplicate]【发布时间】：2020-09-1003:26:03【问题描述】：我的气球形状是用CSS3设计的。JSFiddleExample它是用制成的三角形:afterconte... 查看详情
如何使用 jquery 从 IFrame 本身更改 IFrame 样式？
】如何使用jquery从IFrame本身更改IFrame样式？【英文标题】：HowtochangeIFramestylesfromIFrameitselfusingjquery?【发布时间】：2012-10-0708:18:37【问题描述】：我有一个iframe，它将使用以下脚本动态插入父页面（我无法控制此域）...var_hf_iFrame=d... 查看详情