html - 如何显示按下(:active) effect before lifting the finger?

Question

我想在用户抬起手指之前在移动设备上显示 :active CSS 效果。目前正在使用 :active 并在手指抬起后显示其效果。我发现具有我喜欢的效果的少数网站之一是亚马逊的按钮。

Answer 1

a:hover:active {
  background-color: yellow;
}

<a href=src"">link</a>

这似乎对我有用!显然，根据 CSS 评估其代码的方式，事件必须在悬停之后。

如果您使用的是 Javascript，请使用 onmousedown 事件。

function mouseDown() {
  document.getElementById("myA").style.color = "red";
}

<a id="myA" onmousedown="mouseDown()"> Link
</a>