Question

为了创建符合508标准的页面，我需要确保每当我选项卡时，焦点都显示在正确的项目上。我已经设置了我的iframe的标签索引，并且我试图在Internet Explorer中选中标签时显示视觉焦点。我尝试过以下方法：

iframe:focus {
    outline:2px dotted #000;
    outline-offset: -2px;
}

但我看不到大纲。

如何在选中标签时显示iframe的大纲。

Answer 1

我认为您需要将CSS应用于iframe内容的主体，而不是iframe，因为它的内容实际上会得到焦点。

因此，如果您的iframe的src为“test.html”，那么test.html会有一个像这样的css类：

body {
    outline:2px dotted #000;
    outline-offset: -2px;
}

您可能需要稍微玩一下，但这表明存在误解。