実装サンプル
a要素に『ontouchstart』を追記して『a:active』に色を指定します。
See the Pen 【CSS】スマホでリンクをタップした時に色を変える方法 by 125naroom (@125naroom) on CodePen.
HTMLとCSSはこちら
HTML
<a href="https://125naroom.com/web/3449" target="_blank" ontouchstart>スマホでリンクをタップした時に色が赤に変わる</a>
CSS
a {
display: inline-block;
width: 200px;
padding: 20px;
border: 1px solid;
}
a:active{
color : #f00;
}
実装サンプル(リンクじゃなくてもOK)
See the Pen 【CSS】スマホでタップした時に色を変える方法 by 125naroom (@125naroom) on CodePen.
HTMLとCSSはこちら
HTML
<div ontouchstart>スマホでタップした時に色が赤に変わる</div>
CSS
div {
width: 200px;
padding: 20px;
border: 1px solid;
}
div:active {
color : #f00;
}