DESIGN

CSS でリンクに出てくる点線を消す方法

Posted by Keisuke Aratsu
POP1280

FirefoxとかでWebページ見てるとリンク踏んだあとに画像みたいな点線が出てくる事があります。(IEでも出る時がある？)リンク踏みましたよ、っていうサインなんでしょうが正直もういらないと思うので、僕は大体CSSで消してしまいます。
ちなみに以下の画像みたいなヤツの事です。

outlineimg

消す方法

以下をCSSに記述しましょう。

a{
outline: none;
}

a:focus{
outline: none;
}

これで消せます。

この点線、ユーザービリティの観点とかでわざと出るようにしているのだろうか？？
個人的には時代遅れ感を感じてしまうので特に必要ないのなら消してしまえ、という感じです。検索ページだけで出るならまだしも、Webサイト内で出るのはご勘弁て感じです。

気になった方はぜひ使ってみてください。

追記 2017.10.15
アクセシビリティ的にとても良くない対応なので、基本消さないほうがいいです。
消しても構わないよ、という方は大丈夫だと思います。

アラツケイスケ :: 福岡県糟屋郡志免町在住。畑で野菜を育てて生きていきたいwebデザイナー。嫌いなものはクチャラー。1984年10月生まれ。昨年三十路デビューしました。音楽とB級映画をこよなく愛す一面、垂れ流すだけで何を聞いたか観たのか全く記憶にないこともしばしば。(大抵寝落ちしてるか、本を読んでます。)
このブログでは自分が書きたい音楽の事やデザインの事、福岡の事を好きなように書いて行くつもりです。記事掲載のご相談も受け付けますのでどうぞお気軽に。随時受け付けます。僕がバテあがってたらお返事までお時間掛かると思いますが悪しからず。