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


当前回答

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

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

其他回答

这是可行的

    a:hover, a:focus, a:active {
        outline: none;
    }

这样做的目的是删除所有三个伪类的大纲。

a:link{color:inherit;}

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

你必须使用CSS。这里有一个改变默认链接颜色的例子,当链接只是在那里,当它被悬停和当它是一个活动链接时。

{:链接 颜色:红色; } 答:{徘徊 颜色:蓝色; } 答:活跃的{ 颜色:绿色; } < a href = " http://google.com " >谷歌< / >

我也想删除标签的默认蓝色链接颜色。 当我使用bootstrap版本5时,我决定在bootstrap文档中寻找解决方案。 我搜索了“链接颜色”,结果是这个链接:“https://getbootstrap.com/docs/5.0/helpers/colored-links/”

bootstrap版本5.0有一个类,自定义链接的颜色,我发现非常有帮助,我也能够改变我的'a'标签的默认蓝色没有任何麻烦。

希望这对你有帮助。

继承值:

a { color: inherit; } 

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

现场演示如下:

一个{ 颜色:继承; } html元素的默认颜色是黑色。正文和段落的默认颜色将被继承。这 <a href="http://example.com">link</a>通常采用默认链接或访问过的颜色,但样式已从段落继承颜色