スタイルシートにて、ホバーとアクティブ以外はリンク線が出ないようにしています。
通常は問題ないのですが、同ページ内にリンク先があり、
一度クリックすると下線が表示されたままになってしまいます。
同ページ内リンクが複数あり、それらをクリックするとクリックした分のリンク線が表示されたままになってしまい、困っています。
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;
}
No.1ベストアンサー
- 回答日時:
他のリンクをクリックしたら戻るのでは?
単にactiveの擬似要素が解除されていないのでは?
この回答への補足
ご回答ありがとうございます。
他のリンクをクリックしても同ページ内ですと前にクリックしたところと、
新たにクリックしたところの両方にactive状態が残ってしまいます。
さらに同ページ内で他のリンクをクリックすると3つでも4つでもactive状態が増えてく始末で、
困っております。
activeをhoverではなく、linkとvisitedと同じスタイルにすることで解決としました。
早々のご回答参考になりました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8 2 2023/01/05 01:04
- HTML・CSS スマホ表示用のwebページ、style.cssでは表の中の文字 font-size は指定できない? 1 2023/03/27 18:57
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- その他(プログラミング・Web制作) pythonにおける単方向リストの実装について 4 2022/07/13 12:34
- Chrome(クローム) 【 Chrome 】鎖のアイコンの「Copy Link Text」が機能しなくなりました。 1 2023/03/27 10:32
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
訪問済のリンク色を変えない方法
-
JavaScriptで任意の文字の色を...
-
スマホで見ると、文字があまり...
-
マウスオーバーでの反応速度が遅い
-
HRタグ 枠線を透明にするには?
-
ツリ~のメニュー
-
リンク部分にカーソルが来たら...
-
htmlの文字が縦書きになる
-
【ヒトの神秘】美男美女から何...
-
divタグ内のコンテンツが重なっ...
-
liタグの中に<p>タグやら<dl>を...
-
div要素が重なってします
-
レスポンシブかつ、スマホ、携...
-
htmlのolやulなどlistにtitleや...
-
CSSのクラス名・ID名の指定でワ...
-
<div id="container">の使いか...
-
safariだけCSSが崩れてしまいます
-
CSSに同じclass名がいっぱい‥。...
-
プルダウンの選択リストの中に...
-
html/cssの、navを2段にする...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<pre>~</pre>について
-
<form <input type="text"の枠...
-
CSSでクラスのエイリアス(include)
-
訪問済のリンク色を変えない方法
-
HRタグ 枠線を透明にするには?
-
マウスオーバーでの反応速度が遅い
-
テキストボックスの文字の大き...
-
LinkButtonコントロール
-
リンクの文字と下線の間にスペ...
-
リンク部分にカーソルが来たら...
-
テキストエリア送信の際の文字...
-
JavaScriptで任意の文字の色を...
-
リンクの下線の距離を変更した...
-
横スクロールバーを表示したい
-
スクロールバーが薄いです。
-
カラープレーンってなんですか?
-
アンカーへのリンク設定と文字色
-
カーソルを乗せると、文字の色...
-
CSSのtext-decoration: none;が...
-
smartyテンプレートの<style></...
おすすめ情報