链接颜色变化

我有一个名为“导航”的链接我希望链接颜色改变，因为我点击它并保持改变。例如：默认颜色是蓝色。当我点击链接时，它会转到另一个选项卡，颜色变成绿色，并且应该保持绿色。链接颜色变化

这里是迄今为止代码：

<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上，并且你点击导航链接时，它会把你带到导航页面。我想要的是当链接被点击或访问时改变链接的颜色。

谢谢

来源

2011-12-14 Ish

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

来源

2011-12-14 16:38:29

它不工作。有没有其他方法可以执行此操作？ – Ish 2011-12-14 16:41:39

你的锚点标签有'href`值吗？ `：visited`伪类只有在`href`中指定的地址存在于浏览器的历史记录中，或者'href`包含一个散列引用（即`＃something`或者简单地`＃`）时才可以工作。如果参考链接存在于历史记录中，我应该注意具有相同`href`的所有链接将显示为`：visited`。 – Aaron 2011-12-14 17:01:55

好，因为你有这样的

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

在W3School :)

来源

2011-12-14 16:39:15

完成对tryit编辑器如果更改:visited链接伪类没有给你你想要的，试着用jQuery改变onclick风格：

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

来源

2011-12-14 16:41:14 Aaron

尝试这样的事情

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

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

如果您需要更改颜色回是什么东西，你可以用.toggle()

来源

2011-12-14 16:42:04

链接颜色变化

回答

相关问题