0

我发现了很多关于如何在现代浏览器上访问的帖子不再起作用(其中大多数是相当老的帖子)。

其中之一: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;
}
4

2 回答 2

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

于 2013-01-21T15:24:25.667 回答
1

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

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

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

于 2013-01-21T15:21:48.453 回答