Firefoxでリンククリックしたときの点線を消すCSS

firefox-outline_eyecatch
Firefoxでリンクをクリックしたときに見える点線。
これを消したい場合はCSSでoutline:noneを指定します。

サンプル

<br />
&lt;a href=&quot;javascript:void(0);&quot;&gt;<br />
	&lt;img src=&quot;/wp-content/uploads/2013/05/bt_power.png&quot; width=&quot;30&quot; height=&quot;30&quot; /&gt;<br />
&lt;/a&gt;<br />
   <br />
&lt;a class=&quot;noneOutline&quot; href=&quot;javascript:void(0);&quot;&gt;<br />
	&lt;img src=&quot;/wp-content/uploads/2013/05/bt_power.png&quot; width=&quot;30&quot; height=&quot;30&quot; /&gt;<br />
&lt;/a&gt;<br />

<br />
a.noneOutline {<br />
	outline:none;<br />
}<br />

   
※Firefox で左側のボタンをクリックすると点線が出ます

関連記事