从访问过的链接下删除下划线

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/

Answer 1

您无法更改：已访问

中的文本修饰

而是设置文本修饰：锚点和文本修饰上的无：在要加下划线的链接上加下划线。例如，您可以使用类来实现此目的。

a
{
   text-decoration:none;
}

a.underlined
{
   text-decoration:underline;
}

Answer 2

如前所述，更改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测试它，请使用开发人员工具检查锚点，右键单击标记并说出＆＃34;强制元素状态＆＃34; - ＆GT; ＆＃34;：访问＆＃34;

Answer 3

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

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

Answer 4

如果现有代码不适合您，请添加＆＃34;！important＆＃34;在你的财产。

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

Answer 5

或尝试

outline: 0;

它可能适用于FF。