画像のリンクボタンをクリックした時に、四方にちゃっかり出てくる「点線」を非表示にする方法をご紹介します。気にならない人はいいかもしれませんが、個人的にはかなり気になってました・・・。
どういうことかというと、
▲こんな白い点線のことになります。
身に覚えがあるのではないでしょうか?
※古いバージョンのIEについては、方法が少し厄介ですがそれ以外のブラウザに関しては至ってシンプルです。
ずばり!
下の一行を、CSSに記述すればOKです。
1 |
a:focus, *:focus { outline:none; } |
ご自身のCSSに追記してみてください。おそらく問題なく消えたんじゃないかな~と思います。
以上になります。