css 蓝色和紫色默认链接,如何删除?

yquaqz18  于 2022-12-20  发布在  其他
关注(0)|答案(7)|浏览(178)

这是我的导航中的一个链接:

<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默认。我做错了什么?

5fjcxozz

5fjcxozz1#

您需要覆盖颜色:

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

inn6fuwd2#

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

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

eqfvzcg8

eqfvzcg83#

嘿定义颜色#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; }
wlzqhblo

wlzqhblo4#

删除默认链接已解决:访问的内容是css....您只需转到HTML并添加一个简单的

〈a href="”style=“文本修饰:无”〉< /a>
......这就是HTML页面过去的样子

m3eecexj

m3eecexj5#

如果你想用你自己选择的颜色来显示锚点,那么你应该在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/

gg58donl

gg58donl6#

默认情况下,链接颜色为蓝色visited颜色为purple。此外,文本修饰为下划线,颜色为蓝色。如果您希望visited保持相同的颜色,请悬停并聚焦,然后按照以下代码操作-
例如,颜色为:第000名

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

如果您想对悬停、已访问和焦点使用不同的颜色。例如悬停颜色:红色已访问颜色:绿色和焦点颜色:黄色,然后遵循以下代码

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

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

b0zn9rqh

b0zn9rqh7#

实际上,您不需要覆盖任何内容
当你在你的CSS中设置一个标签的样式时,它是全局的(正如Andreas Wong提到的),IE,它在每个场景中应用于该标签(访问过的,悬停的,焦点的等等),除非你手动改变它
所以你可以这样做:

a{
    color : blue;
}

现在,您可以指定特定场景中的颜色:

a{
    color : blue;
}
a: focus{
    color : skyblue;
{

相关问题