javascript - 我可以读取 iframe 的对象，但我无法修改它的 CSS

Question

我正在使用 Google Forms，获取一个然后嵌入到我的网站代码中，

我想自定义表单的背景，使其透明。

我正在使用 JQuery，它可以从 google 读取由 iframe 创建的对象，但是如果我想更改它的类 'ss-form-container's css，它会失败。

有人可以告诉我如何将 CSS 应用于 google docs 的 iframe 吗？

这是我的测试网站的链接:http://dive.maxinrui.com/问题在第三张幻灯片上。

提前致谢!

Answer 1

你不能。框架不允许相互交互，除非它们具有相同的来源。由于 Google Docs 框架的来源是 docs.google.com，而您页面的主框架位于 dive.maxinrui.com，因此您无法“触摸” frame，因此您无法将 CSS 应用于它。

您可以通过在 Google 文档中应用主题来为 Google 文档表单应用一些样式。但是，如果您需要比这更多的控制权，则需要寻找其他解决方案。