我可以阅读iframe的对象,但我无法修改它的CSS

时间:2014-02-21 01:01:05

标签: javascript jquery html css iframe

我正在使用Google表单,然后将其嵌入到我的网站代码中

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

我正在使用JQuery,它可以从谷歌中读取由iframe创建的对象,但如果我想更改其类的ss-form-container的css,则失败。

有人可以告诉我如何将CSS应用于谷歌文档的iframe吗?

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

先谢谢!

2 个答案:

答案 0 :(得分:3)

你做不到。除非帧具有相同的原点,否则不允许帧相互交互。由于Google文档框架的原点为docs.google.com而您的网页主框架位于dive.maxinrui.com,因此您无法“触摸”框架的内容,因此您无法将CSS应用于它

您可以通过在Google文档中应用主题将一些样式应用于Google文档表单。但是,如果您需要更多控制,则需要找到另一种解决方案。

答案 1 :(得分:0)

这将是一种解决方案(如果可行)。

从iframe中的Google文档页面复制表单源代码,将其嵌入到您自己的页面中,然后修改CSS是否可行?