Internet Explorerの:focus擬似セレクタ

focus-useraction-selector

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

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

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

a:focus {
    ...
}

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

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

五十川 洋平(Yohei Isokawa)

五十川 洋平(Yohei Isokawa)

フロントエンドエンジニア/面白法人カヤックなどのWeb制作会社に勤務したのち、故郷の新潟に戻り独立。JSフレームワークAngularやFirebase、Google Cloud Platformを使ったWebアプリ開発が得意。 また、Udemyのプログラミング解説の講師、writer-app.comの自主開発や上越TechMeetupの主催などを行っています。

プロフィール