在Chrome / Safari / Firefox中,如果用户点击span
标记内的a
,则:active
伪类似乎也会应用于包含元素/父级。但是,在IE中,似乎并非如此,:active
仅适用于直接单击的元素。
当我尝试在标记相当复杂的按钮上进行:active
样式时,这会带来一些挑战。
A simple example of this is here on JSFiddle。直接单击非IE浏览器中的文本,然后通过直接单击IE中的文本将:活动状态与您获得的状态进行比较。
有没有办法让:active
状态传递到IE中的包含a
?假设解决方案中没有JS作为约束。
答案 0 :(得分:0)
我知道如何在IE中执行此操作的唯一方法是使用按钮元素,而不是链接元素,因为没有Javascript,您无法遍历dom直到父级。
但需要注意的是,你不再从span元素中获得黄色:活动背景。希望这会有所帮助。