单击时链接不会更改颜色
是指在网页中，当用户单击一个链接时，该链接的颜色不会发生变化。这是由于CSS样式表中的伪类选择器的设置所导致的。
在CSS中，可以使用伪类选择器来控制链接在不同状态下的样式。常见的伪类选择器有以下几种：
- :link：表示未访问过的链接。
- :visited：表示已访问过的链接。
- :hover：表示鼠标悬停在链接上时的状态。
- :active：表示链接被激活时的状态，即鼠标按下但还未释放的状态。
通常情况下，浏览器会默认为链接设置不同的颜色来表示不同的状态，比如未访问过的链接为蓝色，已访问过的链接为紫色，鼠标悬停时的链接为红色，被激活时的链接为绿色。
然而，有时候我们希望链接在被单击后不改变颜色，即单击时链接不会更改颜色。为了实现这个效果，可以使用CSS样式表中的伪类选择器来设置链接的样式，如下所示：
a:link,
a:visited,
a:hover,
a:active {
color: inherit;
text-decoration: none;
}上述代码中，将链接的颜色设置为继承（inherit），这样链接在不同状态下的颜色就会与其父元素的颜色保持一致。同时，将链接的文本装饰（text-decoration）设置为无（none），这样链接在被单击后就不会有下划线或其他装饰效果。
这种设置适用于大多数情况下，但也可以根据具体需求进行调整。在实际应用中，可以根据项目的设计风格和要求来设置链接的样式。
腾讯云相关产品和产品介绍链接地址：
相关·内容
2回答
我已经能够修改访问过的链接的文本颜色，但是我还不能修改它的“背景颜色”和“边框颜色”属性。内部样式表的第一部分是CSS重置。
a:visited {
color: red;
background-color: blue;
border-color: red;
}
<a href="https://www.google.com/" target="_blank">Ve a Google</a>
谢谢
浏览 24提问于2020-04-09得票数 0
因此，不使用css：
<style type="text/css">
a:visited {
color: red;
}
</style>
可以使用内联代码来完成吗？像这样的东西不起作用：
<a href="http://google.com" style='a:visited:color:red'>Google.com</a>
浏览 0提问于2010-07-25得票数 29
回答已采纳
在使我的标题徽标文本成为一个链接后，它变成了这个颜色。我不能在我的生活中在CSS中瞄准它，我如何将它的颜色改回白色？请帮帮忙，我什么都试过了，不知道该怎么办。谢谢。 ? HTML： <header>
<div class"container">
<div id"branding">
<a href="index.html"/>
<h1><span class="highlight"
浏览 140提问于2017-10-28得票数 1
回答已采纳
我有以下HTML代码
<div>
<nav>
<ul>
<li ><a href="http://a.dummy.com/">A</a></li>
<li class="selected"><a href="http://b.dummy.com/">B</a></li>
<li ><a
浏览 1提问于2015-09-02得票数 0
site.css：
a:link, a:visited, a:hover, a:active
{
color: #0033CC;
text-decoration: none;
}
在第一页：
<a href="/foo/boo">test link</a>
jQuery：
$('a').button();
jQuery很好地为“测试链接”创建了一个按钮，但是按钮不同状态上的一些文本颜色是在site.css中定义的，而不是jQuery主题的。
因此，这里的重点是在不影响jQuery主题的情况下为页面上的所有链接提供一些默认的
浏览 4提问于2010-08-16得票数 2
我的头中有两个来自类"menu_top“的链接，因此：
<a class="menu_top" href="adverteerders.html" >adverteerders</a>
<a class="menu_top" href="ondernemers.html" >ondernemers</a>
对应的css代码为：
.menu_top {
font-size: 14px;
}
.menu_top:link {color: #404040;}
.men
浏览 0提问于2013-03-16得票数 0
运行此命令后：.bar的$('.bar').css({'color':'#fff'});悬停停止工作。为什么？
而且，$('.bar:hover').css({'color':'#fff'});也不会改变鼠标悬停的颜色，为什么？我遗漏了什么？
浏览 5提问于2012-02-18得票数 9
回答已采纳
我正在研究CMS中的一些CSS，它强制一些初始样式。我无法删除或修改此样式表。CMS样式表中的一行是
a:visited {
color: purple;
}
我在自己的样式表中定义了几个类，这些类设置文本的颜色：
.foo {
background-color: blue;
color: white;
}
.foo为大多数文本正确设置颜色，包括未访问的链接。但是，由于a:visited规则具有更高的特异性，任何访问的链接都显示为紫色。
我能做什么来重置或删除这个访问的链接规则？
我希望避免在样式表中添加更具体的选择器--这只是使过于具体的选择器问题更加复杂：
foo
浏览 0提问于2018-10-12得票数 0
2回答
我想在单击超链接后更改它的颜色，但其余的超链接颜色也会更改。
CSS
a:active {
color: gray;
}
a:visited {
color:black;
}
HTML
<body>
<a href="link1.html">a</a>
<a href="link2.html">b</a>
<a href="link3.html">c</a>
</body>
浏览 0提问于2013-06-12得票数 8
1回答
我正在使用Wordpress的定制器，它允许我在用户使用它时提供更改的实时预览。下面的代码适用于所有链接，<a>，但我只想更改访问过的链接的颜色。这似乎应该是相当简单的，但我似乎无法实现它。我该怎么做呢？ wp.customize('link_visited_color', function(value) {
value.bind(function(to) {
$('a')
.css({
color: to
});
});
});
浏览 15提问于2019-06-29得票数 0
10回答
访问时，我必须禁用锚点标签的颜色更改。我这样做了：
a:visited{ color: gray }
(该链接在访问前为灰色。)但这是一种在访问链接后显式声明颜色的方式，这也是一种颜色更改。
如何在不进行任何显式颜色更改的情况下禁用访问锚点标签时的颜色更改？
浏览 8提问于2011-09-03得票数 106
回答已采纳
1回答
我正在编写一个可以访问页面的DOM的脚本，我想知道如果某个特定的链接被访问了，它会是什么颜色。我知道我不能知道这个链接是否被访问过，我不关心这一点。我只想知道a:visited的颜色设置。
浏览 13提问于2020-09-26得票数 0
2回答
我在我的网页上有一个Div，如果有人将鼠标悬停在它上面，我想要更改父Div中所有链接的文本颜色。当鼠标悬停在上面时，我调用函数highlight。但是，以下代码似乎不起作用。我认为这是一个语法问题，因为highlight2工作得很好(但没有实现我改变文本颜色的主要目标。
function highlight(el) {
$(el).parent().css('a:link', "{color:#28A8C8;}");
$(el).parent().css('a:visited', "{color:#28A8C8;}"
浏览 0提问于2012-02-20得票数 0
2回答
我想知道如果你不改变这些值，hover、active和focus会自动从标准的a标签继承设置吗？
例如：
.wrapper .left .main .row .holder .more a,
#content .wrapper .left .main .row .holder .more a:visited
{
width: 92px;
min-width: 92px;
max-width: 92px;
height: 23px;
min-height: 23px;
max-height: 23px;
display: block;
浏览 0提问于2012-04-17得票数 7
回答已采纳
智能联想的使用示例呢？详见API/SDK使用？？ 没有啊，示例代码也没有
标题：智能联想 - 云搜 - 文档首页 - 腾讯云文档平台 - 腾讯云
地址：https://cloud.tencent.com/document/product/270/1201
浏览 427提问于2018-03-13
3回答
使用CSS，当您将鼠标悬停在链接上时，可以很容易地将自定义颜色应用于该链接，方法是：
.myId:hover{
color:green;
}
但是，样式标签又如何呢？可以按照以下方式做一些事情：
<a style="*insert nifty markup here to change color on hover*" href="somewhere.html">text</a>
或者只可能通过第一种方法改变悬停颜色(仅使用html/css，不允许javascript )。
浏览 2提问于2011-03-03得票数 4
回答已采纳
2回答
我的问题是我的导航链接。我为链接创建了一个类，这样链接的颜色就不同于整个典型的链接了。问题是:visited中定义的颜色优先于:link中定义的颜色。
我已经尝试了所有的方法，但都不能解决这个问题。有什么建议吗？
浏览 1提问于2010-05-07得票数 0
3回答
我目前正在编写我的投资组合页面，我遇到了一个奇怪的行为，我不明白悬停状态。我在页面顶部的导航栏中有一些链接。链接是完全定义的:悬停和一切。现在我也想改变链接的颜色，当我将鼠标悬停在链接所引用的站点的不同部分上时。所以我写了这个：
/* Navlink colors */
$('#portfolio').hover(function() {
$('#portLink').css('color','#FF9900');
}, function() {
$('#portLink').c
浏览 6提问于2014-04-05得票数 0
回答已采纳
2回答
具有多个条件的复选框
、、、、
Situation
我有一个有很多信息的网格。在每个新行的开头都有一个复选框。
Aim
单击复选框，它将被选中。再次单击相同的复选框，它仍然会被点击，但是图标是不同的。一旦你点击第三次到框，它将进入未选中。
问题
我可以做复选框选中和未选中，但我不知道如何只改变图标后，我的复选框已经选中。
以为例。
在本例中，只使用input type="checkbox"，而不是整个网格。对这个问题来说太过分了。
我将如何从未加标记(绿色背景) ->选中1(红色)，然后->检查2(随机颜色)？
我可能认为这是一项简单而又繁琐的任务，但我有点挣扎。
浏览 0提问于2018-10-26得票数 2
回答已采纳
3回答
我有一个div，当我将鼠标悬停在它上面时，它拒绝改变背景颜色。它保持不变。这是代码。
HTML：
<div id="login"></div>
CSS：
#login {
position: fixed;
float: left;
background-color: none;
margin-left: 1.5%;
top: 1em;
height: 1.25em;
width: 7em;
text-align: center;
border-radius: .3em;
op
浏览 0提问于2014-08-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
