Androidと-webkit-tap-highlight-color

Androidと-webkit-tap-highlight-color Androidと-webkit-tap-highlight-colorの関係がよくわからず色々と悩んでいたのですが、ひと通りの結論が出たので紹介します。 そもそも-webkit-tap-highlight-colorってなによ iPhoneなどのスマートフォンでa要素をタップしたときにハイライトさせるプロパティです。ハイライトと言ってもiPhoneの場合は半透明のグレーのレイヤーが表示されるのですが。 サンプル このレイヤーの色を-webkit-tap-highlight-colorで制御することが可能です。 a { -webkit-tap-highlight-color: rgba(0,0,215,0.40); } このようにするとハイライトカラーが半透明な青色に変わります。 サンプル ただし、このように指定してもA

[at_home]

スマフォでタップしたらボタンが白くなる方法

[kitokitoki]

a タグクリックのちらつき対策 -webkit-tap-highlight-color: rgba(0,0,0,0);

[sw_lucchini]

tapしたときの枠の色

[yuiseki]

-webkit-tap-highlight-color: rgba(0,0,0,0); でハイライトカラーを非表示にできる　a要素の直下にdisplay:inlineやdisplay:blockなどの要素が混在している場合に意図と違うところがハイライトされてしまう

[coppieee]

-webkit-tap-highlight-color

[hama_shun]

ハイライト

[hiro_y]

「-webkit-tap-highlight-color: rgba(0,0,0,0); 」はAndroidでも効く