Question

在this page上，表单是由JotForm提供的iframe。

我想左对齐表单，并减少包含文本字段的LI元素周围的填充。

在Magento Go（托管该网站的网站平台）中，我已将以下代码输入custom.css：

iframe#40142457787864 form#40142457787864 .form-all {margin: 0 !important;}
iframe#40142457787864 form#40142457787864 .form-line {padding: 4px 0 !important;}

但是，浏览器未应用此功能。

为什么不呢？

Answer 1

表单不是iframe的后代。

它是一个不同文档中的元素，具有自己的DOM，并加载到iframe中。

如果要设置样式，则需要编辑iframe中加载的文档的样式表，而不是包含iframe的文档。

Answer 2

This question被标记为重复，并带有注释，指出此页中的答案解决了问题，但没有解决。 OP的问题是在iframe中隐藏了一些内容，他可以使用javascript或css方法，所以我只在这里发布答案。

下面的代码将在iframe中隐藏内容，

document.getElementById("frame").addEventListener('load', function(){
    var iframeDocument = document.getElementById("frame").contentWindow.document;
    iframeDocument.getElementById('test').style.display = 'none';
})

覆盖iframe中的CSS

2 个答案: