18

这是我导航中的链接之一：

<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默认值。我究竟做错了什么？

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 回答
2

删除默认链接解决 了 :visited 的事情是 css.... 你只需转到你的 HTML 并添加一个简单的

<a href="" style="text-decoration: none" > </a>

...这就是 html 页面过去的方式

于 2017-04-22T18:47:35.543 回答
2 
<a href="https://www." style="color: inherit;"target="_blank">

对于 CSS 内联样式，这对我来说效果最好。

于 2019-06-11T19:32:55.620 回答
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 回答
0

默认情况下，链接颜色为蓝色，访问颜色为紫色。此外，文本装饰带有下划线，颜色为blue。如果您想为已访问、悬停和聚焦保持相同的颜色，然后按照以下代码进行操作-

例如颜色是：#000

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

如果您想为悬停、访问和聚焦使用不同的颜色。例如悬停颜色：红色访问颜色：绿色和焦点颜色：黄色然后按照下面的代码

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

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

于 2020-02-19T07:00:09.817 回答