普通のリンクだとすぐ遷移しちゃうんであんま気にならないかもですが、リンクはクリックすると謎の点線の枠ができます。
多分リンクをクリックすると隠してあったメニューが出てくるようなJSとか仕込んでるとたまに見かけるかな?って程度でしょうか?
これまでは殆ど気にもとめてなかったのですが、これが気が付くとすごく気になるんですよねぇ。
なので、この点線が出ないようにする方法についてのメモです。
リンクをクリックした時に出てくる点線の枠を消す
リンクのCSSに以下を追加します。
1 2 |
a {outline:none;} a:focus {outline:none;} |
SASSならこんなかんじにまとめることもできますね。
1 2 3 4 |
a { outline: none; &:focus { outline:none; } } |
これで枠線が消えるようになります。簡単ですね。
コメントする