跨浏览器隐藏选择显示的方法

我正在做一个基于浏览器的javascript游戏。因此,在游戏中,用户无需复制/粘贴文本。但是,在许多地方,用户需要点击和拖动来在游戏中进行选择。

在游戏中有许多单元格,内部只有普通的表格单元格,有一个不间断的空间来阻止它们在Firefox中崩溃(我可以用CSS阻止IE、Safari和Opera中的崩溃,但由于某些原因,它在Firefox中不起作用,所以我使用不间断的空间),要么是纯色背景,要么是背景图像。

当玩家拖动一个选项时,游戏通过改变背景色来突出显示单元格。但是,浏览器也会突出显示不间断的空间,在某些单元格中留下灰色矩形。

此外,浏览器使用不同的方法来确定选择的内容与游戏不同。

例如,在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 |   |
|   |   |   |   |   |

有没有办法阻止浏览器选择样式显示通过?至少在火狐和Chrome中是这样,但最好是跨浏览器。