css - 如何在启用 CORS 的情况下将 css 应用于 IFrame

Question

一个子域 http://board.woodstockschool.in将在 iframe 中显示来自 my.woodstock.ac.in 的内容。

在 my.woodstock.acin 的 HTTP header 中它确实有这个条目:

Access-Control-Allow-Origin => http://board.woodstockschool.in

但我无法使用 board.woodstockschool.in 网站的 CSS 更改内容外观。

我也试过这些:

a ,iframe a{
color: red !important;
}

这会更改除 Iframe 中的所有链接的颜色。

有一系列问题，例如 How to apply style to a div which is inside an iframe of the page?在这里，但没有启用 CORS。

我检查过 https://www.w3.org/wiki/CORS_Enabled#For_Apache但在那里没有提到 css。

在不使用任何 javascript 的情况下从包装器站点应用 css 规则的方法是什么？

Answer 1

What is the way to apply the css rule from the wrapper site

没有办法。

最接近的是:

• 在 iframe 的 src 上设置查询字符串然后让嵌入式页面使用服务器端代码来粘贴 <link>到基于此的样式表。
• 使用postMessage向嵌入页面发送消息(可能包括样式表的 URL)，然后在嵌入页面上运行 JavaScript 添加 <link> .

CORS 不会在这方面帮助或阻碍您。这完全无关紧要。