activeやらhoverの続き
というか現状の結論
iPhoneとAndroidで選択UIを作る場合には、
hoverやactiveなどの疑似クラスで選択時カラー変えたりしてると
動作差分で動いたり動かなかったりする(主にAndroidで)
ので、その辺はJSで実装した方が動作差分なくて良いかも。
いやもうちょっと調べるけど
↓
だめぽいのでこんな関数作ってontouchstartにかませた
function tmpCr(cr, target){
var prev = target.style.color;
target.style.color = cr;
setTimeout(function(){target.style.color = prev;}, 200);
}
Android端末での:hoverと:active
JS1K
DEMO見まくり
http://js1k.com/home
必要な日本語のみのsvgフォントで軽量化してWebフォント読み込み
フォントサイズは4kb程度なので対応ブラウザならそんなに待つことなく
サクっと動くのではないでしょうか。