javascript - htmlまたはcssでの選択時に強調表示を無効にする方法は?

Question

PHONE GAPプロジェクトに onclick、mapping、および ahref 機能を実装しました。この機能を onclick、mapping、または ahref に使用している間、画像またはテキストを選択すると強調表示されます。

強調表示したくないので、次のコードを実装してみました

noSelect
{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
   user-select: none;
}

しかし、このコードはSELECTING VIEWに違いはありませんでした。

だから、これを処理して私の問題を解決する方法を提案してください。

編集：

これは、マッピングとイメージで使用した方法ですが、機能していません。

マッピング

<div id="main" class="main" ><img src="img/abc.png" alt="abc" usemap="#abc" class="noSelects"/></div>

画像ソース

document.getElementById("detail").innerHTML = '<img src="img/image1.png" onclick="detail()" class="noSelect"/> '

score 1 · Accepted Answer

これをcssに追加してみてください：

-webkit-tap-highlight-color:  rgba(255, 255, 255, 0);

こちらをご覧ください、参考になるかもしれません

score 1 · Accepted Answer

これはあなたを助けるかもしれません：

body {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}

2 に答える 2