Internet Explorerの:focus擬似セレクタ

スポンサーリンク

focus-useraction-selector

よくCSSでfocusが当たった場合のスタイルを記述する場合があります。

.btn:focus {
    color: #333;
    text-decoration: none;
}

しかしこれ、落とし穴があります。
a要素に設定しないと上手くfocusが当たりません。

a:focus {
    ...
}

詳しくはデモを参照してください。

これにわからずけっこうハマりました。。


イソップへのお悩み相談募集中

イソップに相談しませんか?

当ブログで紹介しているような、Web制作やフリーランスへの悩みをイソップに相談してみませんか?
回答できることがあれば記事の中でご紹介します。