如何在选项卡式中删除Firefox中iframe的虚线轮廓

Question

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

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

HTML：

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

CSS：

iframe { outline: 0 }

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

修改

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

使用上面的jsfiddle，如果您选择iframe，则会出现虚线轮廓。我想这样做，以便当您选中它时，不会出现虚线轮廓。边界：0和frameborder = 0都不起作用。

Answer 1

添加以下

iframe {
    border:0px;
}

jsFiddle适用于所有浏览器。

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

Answer 2

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

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

Working Fiddle:

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

Answer 3

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

我不相信你可以通过风格来关闭它。这是一个可访问性功能：如果人们使用选项卡导航，则假设他们希望实际看到它们在Tab键顺序中的位置。否则很快就会无法使用。