よくCSSでfocusが当たった場合のスタイルを記述する場合があります。
.btn:focus {
color: #333;
text-decoration: none;
}
しかしこれ、落とし穴があります。
a要素に設定しないと上手くfocusが当たりません。
a:focus {
...
}
詳しくはデモを参照してください。
これにわからずけっこうハマりました。。
Internet Explorerの:focus擬似セレクタ
五十川 洋平（Yohei Isokawa）
フロントエンドエンジニア／面白法人カヤックなどのWeb制作会社に勤務したのち、故郷の新潟に戻り独立。JSフレームワークAngularやFirebase、Google Cloud Platformを使ったWebアプリ開発が得意。 また、Udemyのプログラミング解説の講師、writer.appの自主開発や上越TechMeetupの主催などを行っています。