防止不使用JS拖动图像或选择图像

Question

有谁知道在不使用Javascript的情况下在Firefox中同时使图像不可拖动和不可选择的方法吗？似乎微不足道，但这是问题所在：

1）可以在Firefox中拖动并突出显示：

<img src="...">

2）因此，我们添加了此内容，但是在拖动时仍可以突出显示图像：

<img src="..." draggable="false">

3）因此，我们添加了此内容以解决突出显示问题，但是反直觉地， 图像再次变得可拖动。 很奇怪，我知道！使用FF 16.0.1

<img src="..." draggable="false" style="-moz-user-select: none;">

那么，有谁知道为什么添加“ -moz-user-select：无”，会以某种方式胜过并禁用“ draggable =
false”？当然，webkit可以按预期工作。Interweb上对此一无所知…如果我们能够共同对此有所启发，那就太好了。

谢谢！！

编辑： 这是关于防止UI元素被意外拖动并提高可用性-并非在复制保护方案上有些la脚的尝试：-)

Answer 1

将以下CSS属性设置为图像：

user-drag: none; 
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;