html - 禁用div加更改光标

我有需要禁用的div元素。因此，我为其定义了以下CSS类：

.hideDiv {
    pointer-events: none;
    cursor: not-allowed;
}

虽然CSS类的第一行工作正常，但第二行却行不通。你能帮我吗？

请注意，我需要在Internet Explorer上进行此项工作。

最佳答案

pointer-events: none将有效地停止鼠标与.hideDiv的交互。这意味着还可以防止将鼠标悬停在div上，从而不会显示光标。

相反，您可以将.hideDiv包装在另一个div中，然后将cursor属性添加到外部/父div中。

请参见下面的示例：

.box {
  height: 100px;
  width: 100px;
  border: 1px solid black;
}

.parent {
  cursor: not-allowed;
}

.hideDiv {
  pointer-events: none;
}

/* Remove pointer-events: none and the below css works */
.hideDiv:hover {
  background-color: lime;
}

<div class="parent box">
  <div class="box hideDiv">
  </div>
</div>