访问链接的文本修饰直通

text decoration line-through for visited links

提问人:miral20580 提问时间:11/12/2020 更新时间:11/12/2020 访问量:293

问:

我尝试了这个代码的不同变体 fo Stylish :

a:visited {
    text-decoration: line-through;
}

对于“直通式”访问的链接,我需要做什么?

HTML CSS 时尚

评论

0赞 Khant 11/12/2020
不理解

答:

0赞 zerbene 11/12/2020 #1

我通过使用addEventListener("click"...)

document.getElementById("link1").addEventListener("click",function(){
document.getElementById("link1").style.textDecoration = "line-through";
});

document.getElementById("link2").addEventListener("click",function(){
document.getElementById("link2").style.textDecoration = "line-through";
});
<a href="#" id="link1">Link 1</a>
<a href="#" id="link2">Link 2</a>

编辑:由于用户的隐私问题,不允许使用警告样式。text-decoration

来源: https://developer.mozilla.org/en-US/docs/Web/CSS/Privacy_and_the_:visited_selector

访问链接样式的限制

您可以设置访问链接的样式,但可以使用的样式有限制。只有以下样式可以应用于访问过的链接:

  • 颜色

  • 背景颜色

  • border-color(及其子属性)

  • 列规则颜色

  • 轮廓颜色

  • 填充和描边属性的颜色部分

评论

0赞 miral20580 11/12/2020
谢谢,但我需要所有访问过的链接
0赞 zerbene 11/12/2020
对不起,但这是不可能的:developer.mozilla.org/en-US/docs/Web/CSS/......
0赞 zerbene 11/12/2020
也可以 stackoverflow.com/questions/35031032/ 阅读这个问题......