スタイルシートにて、ホバーとアクティブ以外はリンク線が出ないようにしています。
通常は問題ないのですが、同ページ内にリンク先があり、
一度クリックすると下線が表示されたままになってしまいます。
同ページ内リンクが複数あり、それらをクリックするとクリックした分のリンク線が表示されたままになってしまい、困っています。
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ランキング
-
カラープレーンってなんですか?
-
スタイルシート(CSS)にて文の...
-
htmlの文字が縦書きになる
-
【ヒトの神秘】美男美女から何...
-
html/cssの、navを2段にする...
-
HTML属性での「""」 「''」違い
-
CSS、width100%でもできる余白
-
css 横並びのナビゲーションバ...
-
<h1>、<h2>と<p><div>の行間を...
-
インラインフレーム内の表示位...
-
<table>の高さ固定。情報増加時...
-
番号付きリスト(<Ol><Li>・・...
-
配列の要素をまとめて比較したい
-
HTMLタグのDL DT DDを使ってli...
-
html <li>の中の文字一部に色を...
-
htmlの<ol>タグで、数字などを...
-
リストマーカーをボックス内に...
-
CSS テキストフィールドの文字...
-
clear bothで回り込みがうまく...
-
widthやheightの数値に単位(px...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<pre>~</pre>について
-
HRタグ 枠線を透明にするには?
-
訪問済のリンク色を変えない方法
-
カラープレーンってなんですか?
-
JavaScriptで任意の文字の色を...
-
<form <input type="text"の枠...
-
CSSでクラスのエイリアス(include)
-
リンク部分にカーソルが来たら...
-
横スクロールバーを表示したい
-
マウスオーバーでの反応速度が遅い
-
CSSのtext-decoration: none;が...
-
smartyテンプレートの<style></...
-
H2タグを使ったときの文字の背...
-
リンク下のアンダーラインの消し方
-
リンクの文字と下線の間にスペ...
-
テキストエリア送信の際の文字...
-
C# RichTextBoxで選択した文字...
-
点線や破線を引くには
-
リンクの下線の距離を変更した...
-
スクロールバーが薄いです。
おすすめ情報