如果您希望 iframe 周围有一个 1px 宽的黑色边框,您可以应用相同的规则,就像您希望其他任何东西周围有边框一样,这似乎是合乎逻辑的。但是这段代码不起作用:
#myiframe{
border:1px solid black;
}
边框位于 iframe 的左侧和顶部,有时(出乎意料地)在它的底部,但从不在它的右侧。为什么它不只是在 iframe 周围一致地应用它?
我只在谷歌浏览器中有这个问题。
如果您希望 iframe 周围有一个 1px 宽的黑色边框,您可以应用相同的规则,就像您希望其他任何东西周围有边框一样,这似乎是合乎逻辑的。但是这段代码不起作用:
#myiframe{
border:1px solid black;
}
边框位于 iframe 的左侧和顶部,有时(出乎意料地)在它的底部,但从不在它的右侧。为什么它不只是在 iframe 周围一致地应用它?
我只在谷歌浏览器中有这个问题。
尝试添加这个..
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
outline:none;
outline:none
并将appearance:none
删除默认浏览器外观。
正如对该问题的评论所指出的,我使用的是过时的 Chrome 版本。在最新的稳定版本上,没有错误。
尝试包装一个DIV
html
<div class="wrapper">
<myiframe>
</div>
css
.wrapper {
float:left;
border:1px solid #000;
}
通过使用属性 frameBorder,我们可以在 iFrame 周围获得唯一的边框。所以试试<iframe src="" frameBorder="1"/>