html - 访问链接的文本装饰线

Question

我为 Stylish 尝试了此代码的不同变体：

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

对于“直通”访问的链接，我需要做什么？

Answer 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

访问链接样式的限制

您可以设置已访问链接的样式，但您可以使用的样式有限制。只有以下样式可以应用于访问的链接：

• 颜色

• 背景颜色

• 边框颜色（及其子属性）

• 列规则颜色

• 轮廓颜色

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