伪类不起作用

Question

我想在活动时更改链接颜色。所以我使用 :active CSS 方法，但它在 ie8 和 ie9 中不能正常工作。在浏览器的其余部分工作正常。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
a { display:inline-block; font-size:14px; color:#FFFFFF; border-radius:10px; background:#F00}

a span { display:block; padding:15px;}

a:active { background:#00F}

</style>

</head>

<body>
<a href="#"><span>mylink</span></a>

</body>

Answer 1

更改为...

a:active, a:focus { background:#00F}

---

http://jsfiddle.net/dRE7c/1/

Answer 2

:active 和 IE 8/9 以及 :active 和 display:block 存在一些问题。 看看这些：

• :active css selector not working for IE8 and IE9

• IE 7/8: Active Pseudo on Block Elements