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

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

理论上:

 a { color: inherit; } 

…将导致元素采取其父(这是我认为你正在寻找)的颜色。

IIRC,MSIE的某些版本虽然有显式inheritance的问题。

你可以做这样的事情:

 a { color: #0060B6; text-decoration: none; } a:hover { color:#00A0C6; text-decoration:none; cursor:pointer; } 
 .cancela,.cancela:link,.cancela:visited,.cancela:hover,.cancela:focus,.cancela:active{ color: inherit; text-decoration: none; } 

我觉得有必要张贴上面的类定义,许多关于这个问题的答案错过了一些状态

你必须使用CSS。 下面是一个改变默认链接颜色的例子,当链接刚刚坐在那里,当它被徘徊,当它是活动链接。

 <head> <style> a:link{ color: red; } a:hover{ color: blue; } a:active{ color: green; } </style> </head> <body> <a href='http://google.com'>Google</a> </body> 

您可以使用系统颜色值(与CSS 2.0引入,但不赞成在CSS 3):

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

这样你的锚链接将具有与这个系统上的普通文档文本相同的颜色

这也是可能的:

  a { all: unset; } 

unset:这个关键字指示如果它们是可inheritance的,则将所有应用于元素或元素的父项的属性更改为其父值,否则更改其初始值。 unicode-bidi和方向值不受影响。

来源: Mozilla的所有描述

假设你的默认颜色为绿色(#0F0),那么你应该把它添加到你的CSS的顶部:

a {color:#0F0}