プロが教える店舗&オフィスのセキュリティ対策術

スタイルシートにて、ホバーとアクティブ以外はリンク線が出ないようにしています。
通常は問題ないのですが、同ページ内にリンク先があり、
一度クリックすると下線が表示されたままになってしまいます。

同ページ内リンクが複数あり、それらをクリックするとクリックした分のリンク線が表示されたままになってしまい、困っています。

IEですと問題ないようなのですがChromでこうなってしまいます。
下記のように記述してあります。
お知恵を拝借できますでしょうか。

a:link {
text-decoration:none;
color:#333333;
}

a:visited {
text-decoretion:none;
color:#333333;
}

a:hover {
text-decoration:underline;
color:#3333FF;
}

a:active {
text-decoration:underline;
color:#3333FF;}

a{
text-decoration:none;
}

A 回答 (1件)

他のリンクをクリックしたら戻るのでは?


単にactiveの擬似要素が解除されていないのでは?

この回答への補足

ご回答ありがとうございます。
他のリンクをクリックしても同ページ内ですと前にクリックしたところと、
新たにクリックしたところの両方にactive状態が残ってしまいます。
さらに同ページ内で他のリンクをクリックすると3つでも4つでもactive状態が増えてく始末で、
困っております。

補足日時:2013/03/27 16:38
    • good
    • 0
この回答へのお礼

activeをhoverではなく、linkとvisitedと同じスタイルにすることで解決としました。
早々のご回答参考になりました。

お礼日時:2013/03/27 17:42

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!