添加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>

添加frameBorder属性（注意大写“B”）。

所以它看起来像：

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

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

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

对我来说，添加非常有效

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

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

<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标记frameborder=0中的简单添加属性<iframe src=“”width=“200”height=“200”frameborder=“0”></iframe>