html - サムスンギャラクシーS2のフォーカスされた要素からオレンジ色の輪郭を削除します

Question

サムスンギャラクシーS2でモバイルブラウザによって使用されるハイライト効果をオフにする方法はありますか？

私はすでに試しました：

-webkit-tap-highlight-color:rgba(0,0,0,0)
-webkit-tap-highlight-color:transparent
-webkit-touch-callout: none;
outline:none;

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;

あるいは、誰かがそれらの効果がいつ現れるかを正確に説明できますか？これらの効果を引き起こさない方法で画面のタッチスタートとタッチエンドを検出できますか？

ありがとう

Answer 1

CSS：

.borderImage {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

HTML：

<div class="borderImage">
    <a href="#">Some text</a>
</div>

ここにあります;）：- webkit-tap-highlight-color：rgba（0,0,0,0）; divで？

編集（知っておくと便利）：

/* No background, just iOS:*/
-webkit-tap-highlight-color: transparent;

/* No background iOS + Android:  */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

Answer 2

e.preventDefault();タッチスタートイベントで使ってみてください。

Answer 3

これを使って

* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}