javascript - 光标 :move 时 firefox 表单不工作

Question

我有一个像

这样的 HTML 表单

    #stoppage_section .stoppage{
        cursor: move; /* fallback if grab cursor is unsupported */
        cursor: grab;
        cursor: -moz-grab;
        cursor: -webkit-grab;
    }

    <div id="stoppage_section">
      <div class="stoppage">
         <input class="form-control" ....>
      </div>
      <div class="stoppage">
         <input class="form-control" ....>
      </div>
    </div>

当用户在这个 stoppage_section 区域移动时，我想显示像 move 图标这样的光标。但是当鼠标进入输入字段时，它会正常工作。

此代码在 Chrome 中运行良好。 但在 firefox 输入字段中不再可写

我想要什么

当鼠标(光标)位于 div 时，它将显示 move 图标，当鼠标(光标)位于输入字段时，它将正常工作

Mozilla Firefox Version 48.0.2. Latest version not possible to use for me as Firebug looks like native style which is disgusting

Answer 1

像这样？

    .stoppage {
        background-color: #dddddd; /* that you can see the div */
    }

    .stoppage:hover {
        cursor: move; /* fallback if grab cursor is unsupported */
        cursor: grab;
        cursor: -moz-grab;
        cursor: -webkit-grab;
    }

    <div id="stoppage_section">
      <div class="stoppage">
         <input class="form-control" ....>
      </div>
      <div class="stoppage">
         <input class="form-control" ....>
      </div>
    </div>