<a href="#"> 点击时手机上的样式会发生变化

Question

我正在尝试在我的“a”标签上创建一个 :active 样式，但在手机上它与我写的不一样。

我做了以下事情：

a {
 display: block;
 background-color: lightblue;
 width: 100px;
 color: black;
}

a:active {
 background-color: skyblue;
}

它应该执行以下操作： 有“a”标签，有浅蓝色背景，当我点击它时，它的背景颜色变为天蓝色。是的，它发生了，但是如果我添加一个 href="ANYTHING"，然后，当我点击它时，它的背景颜色会比天蓝色更暗，并且文本的颜色会变成有点蓝色。

对不起我的英语，我尽力了。

Answer 1

您可能需要为其余与元素相关的伪类设置自定义样式：https://developer.mozilla.org/en-US/docs/Web/CSS/:link

尝试像这样将访问过的列表添加到列表中：

a:active, a:visited {
    background-color: skyblue;
}