有没有一种方法可以将'a'标记链接取消到默认颜色

提问者：小点点

我有一个'a'标签，这是一个正常的链接到另一个网页。

我想禁用默认的链接外观，除非鼠标光标在链接上悬停，这时应该恢复默认的正常链接外观。

这是我到目前为止所尝试的:

(HTML)

   <a href="example.com">example</a>

(CSS)

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: unset;
    text-decoration: underline;
}

这里是JS fiddle代码示例

问题是，在鼠标悬停期间，链接颜色仍然是黑色，并且不会取消设置或恢复到原来的链接蓝色。是否有专门的CSS关键字用于“原始设置”或类似的东西？

共1个答案

匿名用户

您要查找的值称为initial。

a:hover {
    color: initial
}

或者如果这在您的环境中不起作用，您可以使用默认颜色设置链接的样式:

a:hover {
    color: #0000EE;
}

这应该在任何地方都适用，因为这是一种常规的颜色变化。

null

a { color: red;}

a:hover {color: #0000EE;}

<a href="#">Hi, I'm Link.</a>