css - IE 7/8：块元素上的活动伪

Question

我遇到了关于 IE7/8 忽略带有 display:block 的元素上的 :active 伪类的问题；

HTML：

<a>My Link</a>

有效的 CSS：

a:active{color:yellow}

失败的 CSS：

a{display:block}
a:active{color:yellow}

有谁知道这个问题的解决方案，还是我必须求助于 JS？

Answer 1

具有讽刺意味的是，@Kevin 甚至没有意识到就已经“解决”了您的问题。

从此更改 HTML：

<a>My Link</a>

对此：

<a href="#">My Link</a>

它适用于 IE7，请参阅：http: //jsbin.com/exuga3

当您有没有属性的<a>标签时，可能会发生这种意外的事情。href

如果您真的不想要“手鼠标指针”，请指定cursor: default：http: //jsbin.com/exuga3/4