Question

我有一个名为“导航”的链接我想要点击链接颜色并保持更改。例如：默认颜色为蓝色。当我点击链接时，它会转到另一个标签，颜色变为绿色，它应保持绿色。

这是迄今为止的代码：

<style type="text/css"> 
 a.specialAnchor 
{
    font-size: 1em;
    text-align: right;
    padding: 10px;
    padding-right: 15px;
    color: #0066FF;
}
a.specialAnchor:link
{    
color: #0066FF;
}
a.specialAnchor:visited
{    
color: Green;
}
a.specialAnchor:hover 
{
  color:Orange;
  text-decoration:underline;
}
a.specialAnchor:active 
{
 color: Green;
 text-decoration:underline;
}

 <asp:LinkButton ID="Navigation" runat="server" BorderStyle="None" CssClass ="specialAnchor"
                 PostBackUrl="~/navigation.aspx">Navigation</asp:LinkButton>

这不能给我我想要的结果请帮忙。

基本上我的网页看起来像这样：有四个选项卡：A，导航，C，D 在所有这四个选项卡中，页面底部都有链接。当您在A上并单击导航链接时，它将转到导航页面。我想要的是在点击或访问链接时更改链接的颜色。

谢谢

Answer 1

您是否尝试将已访问的伪类的颜色更改为绿色？尝试一下，看看是否按照你想要的方式工作？

Answer 2

好的，假设您有这样的链接

<a class="spec" href="wherever">Link</a>

你需要这样的风格

<style type="text/css">
.spec:link {color:#FF0000;}    /* unvisited link */
.spec:visited {color:#00FF00;} /* visited link */
.spec:hover {color:#FF00FF;}   /* mouse over link */
.spec:active {color:#0000FF;}  /* selected link */
</style>

在w3schools的tryit编辑器上完成：）

Answer 3

如果更改:visited伪类没有提供您想要的内容，请尝试使用jQuery更改样式：

$('a.specialAnchor').click(function() {
    this.style.color = 'green';
}

Answer 4

尝试这样的事情

$(document).ready(function () {
            $('.changecolor').click(function () {
                $(this).css("color", "red");
            });    
        });

<a class="changecolor">Click To Change</a>

如果您需要将颜色更改回原来的颜色，可以使用.toggle()

链接颜色变化

4 个答案: