CSS样式的同源策略是否重要？

Question

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

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

Answer 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); 

此代码＆＃34;推动＆＃34; iFrame的HTML，带有CSS文件的链接。

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