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

HTML CSS

Tony凯

2020-03-30

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

第3875篇《如何删除html超链接“ a”标签的默认链接颜色？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共9个回答

宝儿 2020.03.30

这会工作

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

这是删除所有三个伪类的轮廓。

宝儿理查德 2020.03.30

a:link{color:inherit;}

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

老丝 2020.03.30

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

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

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

老丝 2020.03.30

只需将其添加到中CSS，

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

就这样，完成了。

十三梅 2020.03.30

这也是可能的：

        a {
            all: unset;
        }

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

蛋蛋猿 2020.03.30

您可以执行以下操作：

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

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

如果文本装饰不起作用，则包括文本装饰：none！important;

飞云 2020.03.30

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

我觉得有必要发布上面的类定义，所以很多答案都错过了一些状态

猴子 2020.03.30

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

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

小宇宙神乐Mandy 2020.03.30

a { color: inherit; }

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android