リンクをクリックしたときに表示される破線をCSSを使って消す

|

リンクをクリックすると、その周りに破線が表示されます。デザイン上、消したい場合もあります。 その場合、動的(ダイナミック)擬似クラスと呼ばれる「a:focus」のデフォルトCSSを上書きします。

この方法は、Firefoxしか有効ではありません。IEではリンクをクリックしたときに表示される破線を消すことはできないようです。

CSSコード

a:focus {
   outline:none;
}

ちなみに、focus(フォーカス)はリンクを押してから選択し続けている間実行されます。

このページに関連する記事

最近のブログ記事