如何删除html超链接'a'标签的默认链接颜色？

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

来源

2011-07-17 07:21:48

你可以做一些这样的事：

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

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

来源

2011-07-17 07:22:19 kleinohad

如果您想要在按下特定链接后避免颜色变化，请在a标签内添加： test link – wiztrail

可以使用 system color值（介绍用CSS 2.0，但在CSS 3不建议使用）：

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

这样你锚链接将具有与该系统上的正常文档文本相同的颜色

来源

2011-07-17 08:16:07 knittl

感谢这应该是选定的答案诚实 – RickS

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

我觉得有必要发布上述类的定义，很多的答案，这样会错过一些国家

来源

2014-09-10 19:54:58

的，这也是可能的：

 a { 
      all: unset; 
     }

取消设置：此关键字表示如果它们是可继承，则将元素或元素的父代应用于的所有属性更改为其父值，否则更改为其初始值。 unicode-bidi和方向值不受影响。

来源：Mozilla description of all

来源

2017-04-18 14:47:51

你可以，但只是因为你可以不意味着你应该。我会说给这个规则的本质，你应该真的包括更多关于它实际上做了什么。 – Tom

如何删除html超链接'a'标签的默认链接颜色？

回答

相关问题