Question

这是导航中的一个链接：

<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; }

但链接仍显示在可怕的蓝色/紫色访问/悬停html默认值中。我做错了什么？

Answer 1

您需要覆盖颜色：

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 }

Answer 2

删除默认链接已解决 那：访问过的东西是css ....你只需要转到你的HTML并添加一个简单的

＆LT; a href =“” style =“text-decoration：none”＆gt; ＆LT; / A＆GT;

...这就像html网页曾经的方式

Answer 3

嘿将颜色#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; }

Answer 4

如果您希望在您自己选择的颜色中显示锚点，则应在 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/

Answer 5

<a href="https://www." style="color: inherit;"target="_blank">

对于CSS内联样式，这最适合我。

Answer 6

默认链接颜色为蓝色，访问的颜色为紫色。此外，文字装饰带下划线，颜色为蓝色。如果要保持相同的颜色以供访问，请将鼠标悬停并聚焦，然后遵循以下代码-

例如，颜色为：＃000

a:visited, a:hover, a:focus {
    text-decoration: none;
    color: #000;
}

如果要使用其他颜色进行悬停，访问并聚焦。例如，悬停颜色：红色已访问颜色：绿色和焦点颜色：黄色，然后遵循以下代码

   a:hover {
        color: red;
    }
    a:visited {
        color: green;
    }
    a:focus {
        color: yellow;
    }

注意：良好的做法是使用颜色代码。

蓝色和紫色默认链接，如何删除？

6 个答案: