同源策略是否适用于 CSS 样式？

【问题标题】：Does the same-origin policy count for CSS styling?同源策略是否适用于 CSS 样式？
【发布时间】：2018-02-18 19:45:51
【问题描述】：

我正在使用一个预订系统来处理来自客户的网站预订。当客户检查房间可用性时，它是在预订网站上完成的，而不是在我们的网站上（重定向）。

我的问题是：关于同源策略，它是否适用于 css 样式？我可以更改背景颜色以匹配 iframe 中的背景颜色吗？

【问题讨论】：

标签： javascript html css iframe

【解决方案1】：

这与同源策略无关 - 将 CSS 文件应用于 iFrame 是可能的，但不推荐。您可以创建一个 link 元素来引用您的 CSS 文件并将其设置在您的 iFrame 中：

var link = document.createElement("link");
link.href = "http://example/css/style.css";  // Your CSS URL
link.rel = "stylesheet";  
link.type = "text/css";  
frames['frame1'].document.body.appendChild(link);

此代码通过指向您的 CSS 文件的链接“推送”iFrame 的 HTML。

注意：如果您的 iFrame 的 HTML 源代码现有 CSS 规则具有覆盖样式（例如，使用 !important 设置），您的 CSS 值可能会被覆盖。

【讨论】：