2016-05-05 9 views
0

これは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ハイライトを取得します。私の推測では、より広い第二の手紙がそれを視界から追い出している。また、高さ、幅、位置を指定しないと、ボックスが表示されないことがわかりました。

ブルーボックス enter image description here

ありませんブルーボックス enter image description here

+0

我々は、少なくとも視覚的に問題を把握することができるように、あなたは、青いボックスのスクリーンショットを提供してもらえますか? – Seika85

+0

2つ目のスクリーンショットだけが表示されます。私の推測では、それは広いビューボックスに関連しているということです。 – MCain

+0

この動作は私のためのフィドルでは起こらず、フィドルはあなたのスクリーンショットとは視覚的に異なっているので、あなたのHTMLとCSSがそれを引き起こしている他のコヒーレンスがあると仮定します。だから、あなたが私たちに完全なコードをフィドルで表示しない限り、私たちはあなたを助けることができないかもしれません。 – Seika85

答えて

関連する問題