これはDroid 4とSamsung Galaxy S2の問題ですが、新しいデバイスやブラウザでは表示されません。これは実際にはCordovaアプリ用ですが、デバイスブラウザのリンク先でも失敗します。私はStackOverflowで多くの投稿を見てきましたが、提案された属性のどれもがタッチスタートで青いハイライトを削除しません。この場合、ライトブルーの色相は文字の左側に現れます。私はChromeで検査を試みましたが、これらのデバイスには検査オプションは表示されませんでした。私が見た唯一の解決策は、隠されたSVGをオーバーレイし、それがクリックを処理することです。私はむしろCSSまたはjavascriptでそれを修正したいと思います。ここでdiv内の小さな青いボックスを削除
は、これらのデバイスで失敗CSSとフィドルです:
box-shadow: none;
width: 22%;
height: 30%;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-o-user-select: none;
outline: 0;
border: none;
color: rgba(255, 255, 255, 0);
http://jsfiddle.net/softwareinnovator/06wbqer1/6/
あなたが最初の写真の青いボックスではなく、秒を見ることができます。私が見つけた1つの部分的な解決策は、SVGではなくdivにonclickを置くことですが、1つのデバイスで完全なdivハイライトを取得します。私の推測では、より広い第二の手紙がそれを視界から追い出している。また、高さ、幅、位置を指定しないと、ボックスが表示されないことがわかりました。
我々は、少なくとも視覚的に問題を把握することができるように、あなたは、青いボックスのスクリーンショットを提供してもらえますか? – Seika85
2つ目のスクリーンショットだけが表示されます。私の推測では、それは広いビューボックスに関連しているということです。 – MCain
この動作は私のためのフィドルでは起こらず、フィドルはあなたのスクリーンショットとは視覚的に異なっているので、あなたのHTMLとCSSがそれを引き起こしている他のコヒーレンスがあると仮定します。だから、あなたが私たちに完全なコードをフィドルで表示しない限り、私たちはあなたを助けることができないかもしれません。 – Seika85