【CSS】スマホでリンクをタップした時に色を変える方法

<a href="#" class="tap_link" ontouchstart>スマホでリンクをタップした時に色が変わる</a>

/* ---------- 01 リンクをタップした時 ---------- */
.tap_link {
  display: inline-block;
  width: 200px;
  padding: 20px;
  border: 1px solid;
  color: #2b2a27;
}
.tap_link:active {
  background: #e8dc6a;
}

<div class="tap_box" ontouchstart>スマホでタップした時に色が変わる</div>

/* ---------- 02 リンクじゃなくても OK ---------- */
.tap_box {
  width: 200px;
  padding: 20px;
  border: 1px solid;
}
.tap_box:active {
  background: #e8dc6a;
}