IE 集：关注大量随机元素答案

【问题标题】：IE sets :focus on lots of random elementsIE 集：关注大量随机元素
【发布时间】：2013-07-24 19:55:02
【问题描述】：

似乎 IE（甚至 10 个）将 :focus 伪类设置在许多不应该真正可聚焦的元素上。没有其他浏览器会这样做，但也许我的 CSS 无论如何都是“错误的”。如果不向我的 HTML 元素添加适当的类和 tabindex，有没有办法阻止 IE 聚焦没有 tabindex 的 DIV？

CSS：

:focus {
    box-shadow: 0px 0px 3px #000;
    /* etc. */
}

【问题讨论】：

您可以更改焦点的外观，使其不可见，然后将其设置为您需要的元素的外观。
是的，问题是我正在使用一个非常糟糕的代码库，它完全无组织、庞大且不一致。因此，我必须寻找每个元素并添加适当的类等，以确保我不会意外捕获不应该获得焦点样式的元素。
:focus 不常用。应该没那么难。

【解决方案1】：

你可以试试这个

:focus[tabindex] {
    box-shadow: 2px 2px 2px red;
}

你甚至可以设置不同的索引结果：

:focus[tabindex='1'] {
    box-shadow: 2px 2px 2px red;
}

【讨论】：

不幸的是，这不会阻止浏览器尝试聚焦元素，但除了尝试通过 javascript/jquery 或其他东西来接管它之外，什么都不会。这只会处理应用于焦点项目的效果。这些 div 是否包含在标记或其他东西中？