跨浏览器方式隐藏选择显示

我正在制作基于浏览器的JavaScript游戏.因此,在游戏中,用户无需复制/粘贴文本.但是,有许多地方用户需要点击并拖动以在游戏中进行选择.

在游戏中有很多单元格,在内部只是普通的表格单元格,有一个不间断的空间来阻止它们在Firefox中崩溃(我可以用CSS停止在IE,Safari和Opera中的崩溃,但由于某种原因它不起作用火狐所以我使用非破碎空间),具有纯色背景颜色或背景图像.

当玩家在其中拖动选区时,游戏会通过更改背景颜色来突出显示单元格.但是,浏览器还会突出显示非中断空格,并在某些单元格中留下灰色矩形.

此外,浏览器使用不同的方式来确定选择的内容而不是游戏.

例如,在5 x 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中,但最好是跨浏览器.

对于Firefox,您可以添加CSS样式:(mozilla指南)

-moz-user-select: none

对于铬和野生动物园:(找不到可靠的来源)

-khtml-user-select:none

如果你更喜欢javascript解决方案,这里是我从之前的答案中找到的解决方案:

some stuff