html - 如何在抬起手指之前显示按下（：活动）效果？

Question

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

标签： htmlcss

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>