如何删除html超链接“ a”标签的默认链接颜色?


235

默认链接颜色为蓝色。如何删除html超链接标签的默认链接颜色<a>


的默认文本颜色为<a>蓝色。你现在怎么了
VMAtm 2011年

我试图获得dint是否为<a>提供任何颜色,我不希望它显示为蓝色。它使用默认的文字颜色,文字颜色可能是黑色或蓝色,例如...
Rafiu

3
@Terry_Brown-我发现这个问题非常有用,因为我想在下面找到“ color:inherit”答案,这也是我认为这个问题也与之相关的……
Sk93 2012年

Answers:


474

继承值

a { color: inherit; } 

……将使元素呈现其父元素的颜色(这是我认为您要寻找的颜色)。


59

您可以执行以下操作:

a {
    color: #0060B6;
    text-decoration: none;
}

a:hover 
{
     color:#00A0C6; 
     text-decoration:none; 
     cursor:pointer;  
}

如果文本装饰不起作用,则包括文本装饰:none!important;


此外,如果要防止在按下特定链接后更改其颜色,请在标签内添加:<A STYLE =“ text-decoration:none; color = [选择您喜欢的...]” HREF =“ link.html“>测试链接</A>
wiztrail 2012年

4
<a style="text-decorations:none; color:inherit;>=获胜
Dan Bradbury 2014年

2
@DanBradbury删除文本装饰中的“ s”。 <a style="text-decoration:none; color:inherit;>
Mukarram Pasha

18
.cancela,.cancela:link,.cancela:visited,.cancela:hover,.cancela:focus,.cancela:active{
    color: inherit;
    text-decoration: none;
}

我觉得有必要发布上面的类定义,所以许多答案都错过了一些州


17

如果您不想看到浏览器提供的下划线和默认颜色,则可以将以下代码保留在main.css文件的顶部。如果您需要不同的颜色和装饰样式,则可以使用以下代码段轻松覆盖默认值。

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

8

这也是可能的:

        a {
            all: unset;
        }

unset:此关键字指示将应用于元素或元素父级的所有属性更改为它们的父级值(如果它们是可继承的),否则更改为其初始值。unicode-bidi和direction值不受影响。

资料来源:Mozilla的所有描述


可以,但是仅仅因为可以,并不意味着您应该这样做。我要说的是,鉴于此规则的性质,您应该真正包括更多有关其实际作用的内容。
汤姆(Tom),

1
显然color: unset也可以。我从元素中删除了框架颜色,然后包装了该元素,并在该包装器上设置了自定义颜色,以便继承该颜色。
Traxo

8

您必须使用CSS。这是一个更改默认链接颜色的示例,该链接仅位于该位置时,悬停时以及处于活动状态时。

a:link {
  color: red;
}

a:hover {
  color: blue;
}

a:active {
  color: green;
}
<a href='http://google.com'>Google</a>


6

只需将其添加到中CSS

a {
    color: inherit;
    text-decoration: none;
}

就这样,完成了。


1
我不知道,选民有什么问题,相信我这行得通...
ArifMustafa

3

您可以使用CSS 2.0引入但CSS 3中已弃用的System Color(18.2)值。

a:link, a:hover, a:active { color: WindowText; }

这样,您的锚链接将具有与该系统上普通文档文本相同的颜色。


0
a:link{color:inherit;}

这是简单的一行就可以为您做所有事情<3


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.