css/javascript 选择链接样式

Question

我有一些被某些边界包围的链接。悬停时，链接变为白色。我的代码：

#product_unavailable_types a:hover {

border-color: #fff;
我希望

这些边框在选择后也将保持白色。我的意思是，如果我点击该链接，边框将保持上述样式。我不知道该怎么做。

有什么线索吗？

谢谢你！

Answer 1

您正在搜索 a:visited 伪类。

这意味着：

#product_unavailable_types a:hover, #product_unavailable_types a:visited {
    border-color: #fff;
}

编辑

如果链接没有引导您到另一个页面，请尝试将其放入 head 元素中：

<script type="text/javascript">

    function highlight(link) {

        link.style.borderColor = '#fff';

    }

</script>

然后添加 onclick 属性到您的 a 元素，使其看起来像：

<a href="#test" onclick="highlight(this);">test</a>