css - IE：如何让 :active 也可以在父元素上工作（仅限 CSS）

Question

在 Chrome/Safari/Firefox 中，如果用户单击标签span内的a，伪类似乎也适用于包含元素/父级。但是，在 IE 中，似乎并非如此，仅适用于被直接点击的元素。a:active:active

当我尝试对:active标记相当复杂的按钮进行样式设置时，这带来了一些挑战。

JSFiddle 上有一个简单的例子。在非 IE 浏览器中直接单击文本，然后将 :active 状态与直接单击 IE 中的文本进行比较。

有没有办法让:active状态传递到aIE 中的包含？假设解决方案中没有 JS 作为约束。

Answer 1

我知道如何在 IE 中执行此操作的唯一方法是使用按钮元素，而不是链接元素，因为没有 Javascript，您无法将 dom 遍历到父元素。

不过需要注意的是，您不再从 span 元素中获得黄色 :active 背景。希望这可以帮助。