css - IE 7/8: ブロック要素のアクティブ疑似

Question

display:block; 要素の :active 疑似クラスを無視する IE7/8 に関する問題に遭遇しました。

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