18

これは、私のナビゲーションのリンクの 1 つです。

<li><a href="#live-now" class="navBtn"><span id="navLiveNow" class="white innerShadow textShadow">Live Now</span></a></li>

私のcssには次のものもあります:

a { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; }
a:hover, a:active { text-decoration: none; }

しかし、リンクは依然としてひどい青/紫の訪問済み /hover html デフォルトで表示されます。私は何を間違っていますか?

4

6 に答える 6

45

色をオーバーライドする必要があります:

a { color:red } /* Globally */

/* Each state */

a:visited { text-decoration: none; color:red; }
a:hover { text-decoration: none; color:blue; }
a:focus { text-decoration: none; color:yellow; }
a:hover, a:active { text-decoration: none; color:black }
于 2012-04-25T09:30:21.390 に答える
1

ねえ、あなたのように色#000を定義し、このようにあなたのcssを変更します

.navBtn { text-decoration: none; color:#000; }
.navBtn:visited { text-decoration: none; color:#000; }
.navBtn:hover { text-decoration: none; color:#000; }
.navBtn:focus { text-decoration: none; color:#000; }
.navBtn:hover, .navBtn:active { text-decoration: none; color:#000; }

またはこれ

 li a { text-decoration: none; color:#000; }
 li a:visited { text-decoration: none; color:#000; }
 li a:hover { text-decoration: none; color:#000; }
 li a:focus { text-decoration: none; color:#000; }
 li a:hover, .navBtn:active { text-decoration: none; color:#000; }
于 2012-04-25T09:38:54.670 に答える
0

独自の色でアンカーを表示したい場合は、次のようにCSSのアンカー タグ プロパティで色を定義する必要があります。

a { text-decoration: none; color:red; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; }
a:hover, a:active { text-decoration: none; }

デモを参照してください:- http://jsfiddle.net/zSWbD/7/

于 2012-04-25T09:39:22.330 に答える