概要-webkit-tap-highlight-colorプロパティ


この2日間は運営活動をしていて、会社の4周年の活動で、ケーキをつづって祝福のH 5ページを送ります.やり終えた後、携帯電話(iphone 5 s)でボタンをクリックすると、画面が点滅し、ページが友好的でも流暢でもないように見えます.ネットで検索して、cssを追加して解決しました:
-webkit-tap-highlight-color:rgba(0,0,0,0) 
//webkit        ,tap  ,highlight    ,color  ,       。

理由は次のとおりです.
モバイル端末では、イベントリスニングのある要素がクリックされるとハイライト表示され、-webkit-tap-highlight-colorプロパティはiOSのSafariブラウザのリンクやJavaScriptのクリック可能な要素をクリックすると、表示されたハイライト色を上書きします.
このアトリビュートでは、透明度のみを設定できます.透明度が設定されていない場合、iOS Safariはデフォルトの透明度を使用します.透明度を0に設定すると、このアトリビュートは無効になります.透明度を1に設定すると、要素はクリック時に表示されません.