Css IE集合:关注大量随机元素

Css IE集合:关注大量随机元素,css,internet-explorer,focus,Css,Internet Explorer,Focus,IE(甚至10)似乎将:focus伪类设置在许多不应该真正聚焦的元素上。没有其他浏览器能做到这一点,但也许我的CSS是“错误的”。如果不向我的HTML元素添加适当的类和tabindex,有没有办法防止IE关注没有tabindex的div CSS: 你可以试试这个 :focus[tabindex] { box-shadow: 2px 2px 2px red; } 您甚至可以设置不同的索引结果: :focus[tabindex='1'] { box-shadow: 2px 2px

IE(甚至10)似乎将
:focus
伪类设置在许多不应该真正聚焦的元素上。没有其他浏览器能做到这一点,但也许我的CSS是“错误的”。如果不向我的HTML元素添加适当的类和tabindex,有没有办法防止IE关注没有tabindex的div

CSS:


你可以试试这个

:focus[tabindex] {
    box-shadow: 2px 2px 2px red;
}
您甚至可以设置不同的索引结果:

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

你可以改变焦点的外观,使其不可见,然后将其设置为所需元素的外观。是的,问题是我使用的是一个非常糟糕的代码库,它完全没有组织、庞大且不一致。因此,我必须查找每个元素并添加适当的类等,以确保我不会意外捕获不应获得焦点样式的元素。注意:焦点不经常使用。这应该没那么难。不幸的是,这不会阻止浏览器尝试聚焦元素,但除了尝试通过javascript/jquery或其他方式接管之外,什么也做不到。这将只处理应用于重点项目的效果。这些div是用标签还是什么东西包起来的?
:focus[tabindex='1'] {
    box-shadow: 2px 2px 2px red;
}