为访问过的链接设置颜色

时间:2013-01-21 15:19:22

标签: html css

我在现代浏览器上发现了很多关于访问量不再有效的帖子(大多数都是很老的帖子)。

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

这句话说color属性虽然有效。好吧,不是对我来说,我在Chrome上测试什么也没做,IE确实如此,但是在下一次点击它就会失去它。

一定有可能......我的意思是,Google会这样做:))

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

谢谢!

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

<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;
}

我也尝试过不使用Label上的类,并使用: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>

和类(我已经取下了Label的类并用你的css替换它)。水平菜单中的锚点采用了样式,但这些来自转发器的锚点不是:

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

2 个答案:

答案 0 :(得分:6)

真的?你在谈论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

答案 1 :(得分:1)

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

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

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