Html 下划线链接

Html 下划线链接,html,css,browser,Html,Css,Browser,给出以下示例:-当您单击第一个链接,然后返回页面时,第一个链接变为绿色。然而,它仍然没有下划线,即使访问的链接被声明为具有文本装饰:下划线。 即使添加,也不会发生任何更改!重要信息,请参见该规则 在CSS规范中找不到有关此类行为的任何信息。这是常见的浏览器错误吗?如何解决这个问题?您不能在:visted中更改文本装饰。这是出于隐私方面的考虑,讨论内容如下。基本上,更改计算属性可以让网站确定用户访问了哪些网站 <style type="text/css"> body{color:bla

给出以下示例:-当您单击第一个链接,然后返回页面时,第一个链接变为绿色。然而,它仍然没有下划线,即使访问的链接被声明为具有
文本装饰:下划线。
即使添加
,也不会发生任何更改!重要信息
,请参见该规则


在CSS规范中找不到有关此类行为的任何信息。这是常见的浏览器错误吗?如何解决这个问题?

您不能在
:visted
中更改文本装饰。这是出于隐私方面的考虑,讨论内容如下。基本上,更改计算属性可以让网站确定用户访问了哪些网站

<style type="text/css">
body{color:black;background-color:white;}
a:link{color:blue;text-decoration:none;border-bottom: 1px solid;border-bottom-color:blue;}
a:visited{color:red;border-bottom-color:white;}
</style>

可用于设置访问链接样式的CSS属性有颜色、背景色、边框-*-颜色、轮廓颜色和列规则颜色,当未访问和访问的样式都是颜色(不是绘制服务器或无)时,填充和笔划属性。对于不允许的属性(以及允许属性的alpha组件,当使用rgba()或hsla()颜色或透明时),将使用未访问链接的样式。

我昨天遇到了同样的问题,我找到了解决方法。在过去的日子里,我习惯于在链接中加下划线,而在没有下划线的情况下访问链接,这对于访问者来说更简单,不会两次单击同一链接

昨天,当我尝试做同样的事情,但没有工作时,我有一个惊喜。我浪费了30分钟,直到我在互联网上发现,自2007年以来,由于安全原因,所有浏览器都限制了您可以“访问”的属性。它们仅类似于6-7个属性,您可以将其设置为“已访问”。 其中之一是边框颜色。然后我想将下划线设置为无,并使用“边框底色”作为下划线。 不能为已访问的元素设置“边框底色:透明”,但可以将边框颜色设置为与父元素背景色相同的颜色。这将使下划线在访问链接后不可见

<style type="text/css">
body{color:black;background-color:white;}
a:link{color:blue;text-decoration:none;border-bottom: 1px solid;border-bottom-color:blue;}
a:visited{color:red;border-bottom-color:white;}
</style>

主体{颜色:黑色;背景色:白色;}
a:链接{颜色:蓝色;文本装饰:无;边框底部:1px实心;边框底部颜色:蓝色;}
a:已访问{颜色:红色;边框底色:白色;}
或者,您可以通过将链接边框颜色设置为与背景相同的颜色,并为所访问的对象设置不同的颜色来执行相反的操作(您所要求的)


相反的演示:

好问题,似乎
a:hover
确实尊重
文本装饰:下划线
,但是
a:visted
如果
a:link
文本装饰:无
,出于某种原因,则
a:visted
没有。。。