如何删除 html 超链接'a”标签的默认链接颜色?
P粉432906880
P粉432906880 2023-08-23 16:28:59
0
2
955
<p>默认链接颜色为蓝色。 如何删除 html 超链接标签 <code><a></a></code><a> 的默认链接颜色?</a></p>
P粉432906880
P粉432906880

全部回复(2)
P粉884548619

尝试这样的事情:

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

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

如果text-decoration不起作用,请将其更改为:

text-decoration: none !important;

!important 规则会覆盖 text-decoration 属性的所有其他样式。您可以在此处阅读更多相关信息。

P粉403804844

继承值

a { color: inherit; }

...将导致元素呈现其父级的颜色(我认为这就是您正在寻找的)。

现场演示如下:

a {
  color: inherit;
}
<p>The default color of the html element is black. The default colour of the body and of a paragraph is inherited. This
  <a href="http://example.com">link</a> would normally take on the default link or visited color, but has been styled to inherit the color from the paragraph.</p>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板