リンクをクリックした時の点線を消すCSSとスクリプト: noteリンクをクリックした時に表示される点線がデザインを台無しにしてしまう事が多々あるので、点線を消す方法。 CSS2以降のプロパティーの a { outline: none; } これで消えるんだけど、フォーカスされた時にどこが選択されているのか分からないので、a:focus の定義済みクラスでスタイルが変わるようにしておくと良いです。 しかしコレ、IEが対応して無い。やっぱMSはこういう所が不親切だよなー。 IE以外ならこんな感じでいける。 a,a:link,a:visited { color:#0000FF; text-decoration:underline; outline:none; } a:hover,a:active,a:focus { color:#FF0000; } FirefoxやSafariはコレでバッチリでした。 どうしてもIEなら、aタグにJavascriptを入れる
