可以使用Style属性对于HTML5，如果你想删除框架的边框或任何东西，你可以使用style属性。如下所示

此处显示代码

<iframe src="demo.htm" style="border:none;"></iframe>

添加frameBorder属性，或使用边框宽度为0px；的样式；，或将边框样式设置为无。

使用以下3项中的任意一项：

浏览器不兼容</iframe><iframe src=“myURL”width=“300”height=“300”frameborder=“0”>浏览器不兼容</iframe><iframe src=“myURL”width=“300”height=“300”style=“border:none；”>浏览器不兼容</iframe>

对我来说，添加非常有效

.iframe{
box-shadow: none !important;
}

这个解决方案特别适用于我正在编辑的shopify主题。shopify主题在整个主题中以不同的方式使用iframe，其中一个出现了故障。我不得不手动进入css并覆盖css属性。

除了添加frameBorder属性之外，您还可以考虑将滚动属性设置为“否”，以防止出现滚动条。

<iframe src="myURL" width="300" height="300" frameBorder="0" scrolling="no">Browser not compatible. </iframe > 

<iframe src="URL" frameborder="0" width="100%" height="200">
<p>Your browser does not support iframes.</p>
</iframe>

<iframe frameborder="1|0">

(OR)

<iframe src="URL" width="100%" height="300" style="border: none">Your browser 
does not support iframes.</iframe>

The <iframe> frameborder attribute is not supported in HTML5. Use CSS 
instead.

iframe src="XXXXXXXXXXXXXXX"
marginwidth="0" marginheight="0" width="xxx" height="xxx"

适用于Firefox；）