我想点击它时更改超链接颜色

时间:2013-10-17 07:38:35

标签: asp.net

我已经使用了这个。但它没有给我任何改变

a.Grid:visited { 
    border:1px ridge black;
    color:Purple;
}

<asp:LinkButton ID="lnkPage" runat="server" Text = '<%#Eval("Text") %>' CssClass="Grid"></asp:LinkButton>

2 个答案:

答案 0 :(得分:1)

您可能希望实现两件事。一个是在单击链接时更改颜色,另一个是该颜色应保持相同以指示单击特定链接。

对于第一个选项,您可以使用:active伪类

a.Grid:active
{ 
    border:1px ridge black;
    color:Purple;
}

对于第二个选项,您需要使用一点点JS来在链接上应用活动类

$('a.Grid').on('click',function(){
$(this).addClass("active");
});

您可以根据需要定义活动类

.active
{
    color:red;
}

Js Fiddle Example

答案 1 :(得分:0)

:visited替换为:active

只要点击它就会改变它的颜色。