我需要有关修改 iFrame 对象的支持:我需要个性化嵌入我网站的 Google 表单。 我遇到的唯一问题是在 iFrame 内部,实际表单宽度(不是 iFrame 宽度)最大为 640px,并且它是由类“freebirdFormviewerViewCenteredContent”强制的。 现在,在 iFrame 中我无法修改它,但如果我理解正确,我可以用 Javascript 覆盖它。我需要将宽度从 640px 更改为 90%。 有人知道如何构建 javascript 或有一个有效的脚本吗?
我必须承认我不太擅长 Javascript,因此非常感谢您的帮助。
非常感谢!
最佳答案
如果您使用 Jquery 尝试如下,
$(function(){
$('#iframe1').on('load', function(){
$(this).show();
console.log('load the iframe')
$(this).contents().find("head")
.append($("<style type='text/css'> .my-div2{width:90% !important;} </style>"));
});
});
.my-class
是表单类
或者如果你想在单独的 css 文件中编写样式,请按以下步骤操作。 在style.css文件中编写css
var cssLink = document.createElement("link");
cssLink.href = "style.css";
cssLink.rel = "stylesheet";
cssLink.type = "text/css";
frames['frameName'].document.body.appendChild(cssLink);
frameName
为iframe名称属性
关于javascript - iFrame 更改 iFrame 中的 css 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43392819/