【发布时间】:2021-01-29 01:13:31
【问题描述】:
这真的很令人困惑,我不希望浏览器更改链接的颜色,因此链接颜色将保持与 <font> 中指定的相同。我知道我可以使用属性 A:link 指定颜色,但这不是我想要的。
谢谢
【问题讨论】:
标签: css
这真的很令人困惑,我不希望浏览器更改链接的颜色,因此链接颜色将保持与 <font> 中指定的相同。我知道我可以使用属性 A:link 指定颜色,但这不是我想要的。
谢谢
【问题讨论】:
标签: css
如果您不想要任何颜色,只需执行以下操作:
a, a:hover, a:visited, a:active {
color: inherit;
text-decoration: none;
}
【讨论】:
visited、hover和active之外,我还建议按照这个SO答案设置a:link对同一问题stackoverflow.com/a/6850047/1703772。
如果有人关心这就是我用链接制作的按钮所做的。可能必须注意继承,但在我的情况下它工作得很好。祝你好运!
HTML:
<a class="button blue" href="/">Place Your Order Today</a>
CSS:
a.button:visited
{
color:inherit;
}
.button
{
padding: 6px 8px;
font-size: 14px;
font-weight: bold;
text-decoration: none;
margin-right: 10px;
border-radius: 6px;
}
.blue
{
border: 1px solid #2d748c;
background-color: #40b5dc;
}
【讨论】:
为a:visited 指定相同的颜色,也可以为a:hover 和a:active 指定相同的颜色,或者像这样简单地将颜色内联:
<a href="url" style="color:#69c">link text</a>
<font> 无论如何都已弃用。
【讨论】:
a:hover 必须在a:active 之前必须在a:visited 之前。
font拉到a中即可。
我很确定没有办法按照您的描述进行操作。但是,如果您希望链接颜色与正文颜色匹配,我建议您这样做...
正文颜色来自某个地方。可能是 CSS 定义。检查 Firebug 中的一些文本以查看应用颜色的确切定义位置。例如,它可能会指向这样的规则:
body { color:#666; }
只需在此处添加您的 A 标签,就可以了。我知道这是多余的,但我真的不认为 CSS 有办法说“从级联中比通常更高的级别继承。”
body, a { color:#666; }
【讨论】: