クロスブラウザで選択表示を非表示にする

Question

私はブラウザベースのjavascriptゲームを作っています。そのため、ゲーム内では、テキストをコピー/ペーストする必要がありません。しかし、ゲーム内で選択を行うためにユーザがクリックしてドラッグする必要がある場所はたくさんあります。

ゲーム内には、内部的に通常の表のセルがあり、ファイアフォックスで折りたたむのを止めるためのスペースがありません（IE、Safari、Operaの折り畳みをCSSで止めることができましたが、何らかの理由で私は壊れていないスペースに頼っていました）、堅実な背景色か背景イメージのどちらかで。

プレイヤーが選択範囲をドラッグすると、ゲームは背景色を変更してセルを強調表示します。しかし、ブラウザーはまた、セルの一部に灰色の四角形を残して、非改行スペースを強調表示します。

また、ブラウザーは、ゲームよりも選択されているものを判別するために、別の方法を使用します。

5×5の正方形で、ユーザが選択（1、1）の場合（3、3）、ゲームは以下の選択浮き彫りに：

| | | | | | 
| | X | X | X | | 
| | X | X | X | | 
| | X | X | X | | 
| | | | | | 

をしかし、ブラウザは、以下の内の非破壊スペースを強調：

| | | | | | 
| | | X | X | X | 
| X | X | X | X | X | 
| X | X | X | X | | 
| | | | | | 

ブラウザの選択スタイルを表示する方法はありますか？少なくともFirefoxとChromeでは、しかしブラウザではクロスブラウザが好ましい。 JavaScriptを希望する場合

-khtml-user-select:none 

を（まだ信頼できる情報源を見つけることができませんでした）：クロムとサファリのために（mozilla guide）

-moz-user-select: none 

：

Answer 1

のfirefoxのためには、CSSスタイルを追加することができますソリューションは、ここで私はprevious answerから見つかったものである：

<div onselectstart="return false">some stuff</div> 

Answer 2

-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 

重複：https://stackoverflow.com/a/4407335/746491？