html - 从访问的链接下删除下划线

Question

为了在访问这些链接后从这些链接中删除下划线，我需要编写什么 CSS 代码？

<ul id = "header">
    <li><a href="sigur ros.html"> Home </a> </li>
    <li>Images</li>
    <li>Videos</li>
</ul>

我试过这个：

a:visited { text-decoration: none; }

但它没有用。

这是一个显示问题的小提琴：http: //jsfiddle.net/litari/X2Yjk/1/

score 11 · Accepted Answer

您无法更改 :visited 中的文本装饰

而是在锚点上设置 text-decoration:none 并在要加下划线的链接上设置 text-decoration:underline 。例如，您可以使用一个类来实现这一点。

a
{
   text-decoration:none;
}

a.underlined
{
   text-decoration:underline;
}

score 2 · Accepted Answer

我认为您也应该定义默认状态，例如：

a:link { text-decoration: underline; }
a:visited { text-decoration: none; }

score 0 · Accepted Answer

如果现有代码不适合您，请在您的属性中添加“！important”。

a:visited
{ 
     text-decoration: none !important;
}

score 0 · Accepted Answer

0

或者试试

outline: 0;

它可能适用于FF。

于 2014-07-24T13:46:40.297 回答

score 0 · Accepted Answer

如前所述，更改text-decoration锚点:visited不起作用。但您可以执行以下操作：

a {
    border-bottom:1px solid #000;
    text-decoration:none;
}

a:visited { 
    border-bottom-color:rgba(255,255,255,0);
}

这对我来说很好：http: //jsfiddle.net/Whre/N8c3A/ 要使用 chrome 测试它，请使用开发人员工具检查锚点，右键单击标记并说“强制元素状态”->“：已访问”。

5 回答 5