1

是否可以从 Firefox 中的 iframe 中删除虚线轮廓？

在 CSS 中设置大纲属性不起作用。

HTML：

<iframe width="50" height="50"/>

CSS：

iframe { outline: 0 }

这是一个重现此问题的 jsfiddle。http://jsfiddle.net/6sHkw/1/

编辑

对不起，伙计们，我的问题不清楚。

使用上面的 jsfiddle，如果您选择 iframe，则会出现虚线轮廓。我想让它在您点击它时不会出现虚线轮廓。border: 0 和 frameborder=0 都不起作用。

4

3 回答 3

3

添加以下内容

iframe {
    border:0px;
}

jsFiddle适用于所有浏览器。

小提琴将是空白的，因为 iframe 中没有 src。

于 2013-09-12T20:13:14.340 回答
2

虚线焦点轮廓位于 iframe 内的文档中，而不是 iframe 本身。您也可以在主浏览器视口中看到相同的内容。

我不相信您可以通过样式将其关闭。这是一个可访问性功能：如果人们使用标签导航，则假设他们希望实际查看他们在标签顺序中的位置。否则它很快就会完全无法使用。

于 2013-09-13T01:00:15.247 回答
1

您也可以从标记中设置它（iframe 有一个frameborder属性）

<iframe width="50" height="50" frameborder="0"/>

工作小提琴：

注意： HTML5 不再支持此功能，因此请改用 CSS 样式（与其他答案一样）

于 2013-09-12T20:40:51.777 回答