読者です 読者をやめる 読者になる 読者になる

ほんとの手

主に開発や仕事のメモクリップ

リンクの点線を消す, ボタンの点線を消すCSS

HTML JavaScript CSS tips programming development web

【css】リンクをクリックしたときの点線を消す at softelメモ ネットは広大だわ Firefoxでリンククリックの点線を消すCSS リンクの点線を消す, ボタンの点線を消すCSS - 7cc@はてなブログ IEでリンクをクリックした時に出る点線を消すjQuery | 株式会社LIG リンクを選択すると現れる点線枠を消す。onFocus="this.blur()" - JavaScript スタイルシートサンプル集 リンクをクリックした時の点線を消すCSSとスクリプト: note リンクをクリックした時の点線を消す - しろうさぎのwebnotebook イメージマップの境界線を消す方法(改訂版) - mmmmmmmmemoooo )))))*´∀`*)ポワワ

簡単にまとめ

  • a, area:link, :visited, :active, :hover 時の outline: none; を設定する。
  • IE 向けに onfocus=this.blur() を設定する。(面倒なので jQuery 等で自動指定されるようにする)
    • Firefox で設定すると点線が出てしまう、のでユーザーエージェントを見てFirefoxなら設定しないようにしておく