html - <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

尝试像这样将 visited 添加到列表中:

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