タッチスクリーンのCSS疑似クラスの問題

私は非常に単純なCSSをbutton要素以上持っています。ここでは、次のとおりです。タッチスクリーンのCSS疑似クラスの問題

.button { 
    background-color: #5266ed; 
    transition-duration: 0.1s; 
} 

.button:active { 
    background-color: #6fa0ed; 
}

私はマウスを使って私のbuttonをクリックして、私は、モニターのタッチ（DELL P2314T）を使用する場合、.button:activeは適用されないとき、それは完全に正常に動作します。どうすれば修正できますか？

2016-11-16 JustLogin

すべてのタッチイベントに対してハンドラを使用してトリガすることができます。私はそれがタッチデバイスのタッチ遅延のために動作していないと信じています。

は、あなたの体にこれを追加します。

<body ontouchstart=""> 

</body>

2016-11-16 13:53:49

しかし、CSSだけではできません。また、ハンドラのトリガを即座にクリックします。 – JustLogin

私は気づいていません。 '：hover'は動作しますが、クリックした後は色の選択を解除しません。 –

は多分：フォーカス機能は、あなたの方法です。タッチスクリーンの場合、ホバーが機能しないのですが、

2016-11-16 14:18:49 dutchsociety

'：focus'は、タップしたときに消えたり、新しいタップやクリックまで終了しません。 – JustLogin

答えて