为访问的链接设置颜色答案

【问题标题】：Set color for visited links为访问的链接设置颜色
【发布时间】：2013-01-04 16:32:34
【问题描述】：

我发现了很多关于如何在现代浏览器上已访问的帖子（其中大部分是相当老的帖子）的帖子。

其中一个：Google chrome a:visited background image not working

这是说color 属性虽然有效。好吧，不适合我，我在 Chrome 上进行测试，它什么都不做，IE 可以，但在下一次点击时它会丢失它。

一定有可能……我的意思是，谷歌做到了:))

有人可以提出任何想法吗？也许我错过了什么。

谢谢！

编辑：这是我正在使用的代码：

<asp:Repeater ID="rptArrival" runat="server">
   <ItemTemplate>
      <div class="left">
        <a id="aCityTo" runat="server" OnServerClick="lnkLink_OnCommand" cities='<%# Eval("CityCodeFrom")+"|"+ Eval("CityCodeTo") %>'  >
          <asp:Label runat="server" ID="Label1" Text='<%# Eval("CityNameTo") %>' CssClass="linkButtonBold"></asp:Label>
        </a>
      </div>
   </ItemTemplate>
</asp:Repeater>

.linkButtonBold
{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 12px;
    font-weight: bold;
    color: #829094;
    text-decoration: none;
    cursor: pointer;
}

.linkButtonBold:hover
{
    text-decoration: underline;
}

.linkButtonBold:visited {
    color: red;
}

我也试过没有标签上的类，用 a:hover, a:visited 也没有。

它是 ASP.Net 和 C#。

感谢您的回复。

编辑：生成的代码：

<div class="left">
    <input type="hidden" name="ctl00$ContentPlaceHolder1$rptLowCost$ctl00$rptLowCostDepartures$ctl00$rptArrival$ctl00$hfCityCodeTo" id="ctl00_ContentPlaceHolder1_rptLowCost_ctl00_rptLowCostDepartures_ctl00_rptArrival_ctl00_hfCityCodeTo" value="AMS">                                                               
    <a id="ctl00_ContentPlaceHolder1_rptLowCost_ctl00_rptLowCostDepartures_ctl00_rptArrival_ctl00_aCityTo" cities="CLJ|AMS" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$rptLowCost$ctl00$rptLowCostDepartures$ctl00$rptArrival$ctl00$aCityTo','')">
   <span id="ctl00_ContentPlaceHolder1_rptLowCost_ctl00_rptLowCostDepartures_ctl00_rptArrival_ctl00_Label1">Amsterdam</span>
   </a>
</div>

和类（我已经取消了标签的类并用你的 css 替换它）。水平菜单中的锚点采用了这种样式，但转发器中的这些锚点没有：

a:visited {
color: purple;
}
a:link {
color: blue;
}

【问题讨论】：

页面渲染后，这段代码会生成什么？可能是你混淆了和？
不要使用 CssClass="linkButtonBold" 使用 class="linkButtonBold"... 并停止使用 WedForms，我讨厌它们，MVC 摇滚！
代码 CssClass="linkButtonBold" 在而不是 ...

标签： html css

【解决方案1】：

以下 CSS 应该能够在所有现代浏览器上设置锚标签的样式：

a:link {
    color:#222;
}
a:hover {
    color:#000;
}
a:active {
    color:#000;
}
a:visited {
    color:#444;
}

.link 指定链接颜色，.hover 将在鼠标悬停时更改链接颜色，.active 将指定活动链接颜色，.visited 将指定链接后的颜色点击。

【讨论】：

【解决方案2】：

真的吗？你在谈论 CSS 伪类吗？这些还没有过时，我们可以看看你的代码吗？

a:link {color: blue;}
a:visited {color: purple;}
a:hover {color: red;}
a:active {color: yellow;}

http://www.w3.org/TR/CSS2/selector.html#link-pseudo-classes

http://css-tricks.com/snippets/css/link-pseudo-classes-in-order/

https://developer.mozilla.org/en-US/docs/CSS/Pseudo-classes

【讨论】：

尝试在 a 标签上替换 CssClass="linkButtonBold" 使用 class="linkButtonBold"。
代码 CssClass="linkButtonBold" 在而不是上。
不，那也没用。也做了 a:link .... 你写的东西，在 a 或标签上没有类，仍然没有。但我为此做了一个解决方法。在后面的代码中，单击时，我更改了 a 的类：((HtmlAnchor) sender).Attributes["class"] = "visitedLinkButtonBold";