Html CSS光标与！重要信息将被默认值覆盖

我有下面的代码，它设置了一个类

将某物

拖动到触发器页面上的

html

元素。该类执行以下操作：

html.dragging-something {
    cursor: -moz-grabbing !important;
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
}

这一切都是可行的，直到我将鼠标移到另一个元素上，改变光标。（类似于输入字段）

如何使我的

拖动某个
类不会被任何可能更改光标的内容覆盖

JSFIDLE（问题）：

JSFIDLE（解决方案）：（感谢@humble.rumble）

[已解决]
您需要将其应用于HTML标记中包含的元素，而不仅仅是HTML标记

html.draging-something*{
光标：-moz抓取！重要；
光标：-网络工具包抓取！重要；
光标：抓取！重要；
}
您需要将其应用于HTML标记中包含的元素，而不仅仅是HTML标记

html.draging-something*{
光标：-moz抓取！重要；
光标：-网络工具包抓取！重要；
光标：抓取！重要；
}
我个人尽量避免使用
！重要信息
请尽可能经常查看。相反，我尝试一下规则的结构和特殊性：

我个人尽量避免使用
！重要信息
请尽可能经常查看。相反，我尝试一下规则的结构和特殊性：

您可以提供一些代码来为该行为构建一个小上下文吗。您可能有一些选项，这取决于您试图实现的目标。@ShotgunNinja是的，将应用该类并更改光标。只有当光标移动到另一个元素上改变光标时，类才会停止工作。SocillatingMonkey，我将在几分钟内附加一个JSFIDLE。您能否提供一些代码来为该行为构建一个小上下文。您可能有一些选项，这取决于您试图实现的目标。@ShotgunNinja是的，将应用该类并更改光标。只有当光标移动到另一个元素上改变光标时，类才会停止工作。振荡猴子，我将在几分钟后附加一个JSFIDLE。完全同意您的意见，但这是一个顶级更改，必须覆盖任何其他更改。它仅应用于拖动事件，然后被删除。所以它保持了它的目的。完全同意你的观点，但这是一个顶级的改变，必须超越任何其他的改变。它仅应用于拖动事件，然后被删除。所以它有它的目的。
<div class="move">
    <div class="pointer">
    </div>
</div>
<div class="pointer">

div {
    width: 150px;
    height: 150px;
    padding: 30px;
    background-color: grey;
    border: 2px solid black;
}

div div {
    padding: 0;
    background-color: lightblue;
}

div + div {
    margin-top: 10px;
}

.pointer,
.pointer * {
    cursor: pointer;
}

.move,
.move * {
    cursor: move;
}