javascript - 无法在容器 div 上应用光标指针

Question

我需要在包装器 div id=a 上使用 cursor:pointer;，但是当用户在 A 或 B 上移动光标时，光标设置为默认值。

我需要在包装器 div 中的所有元素上强制使用 cursor:pointer;，所以 A 和 B。

我尝试使用 z-index 但没有成功。

有解决办法吗？ (如果可能，我需要一个 CSS 解决方案)非常感谢。

<div id="a" style="width:200px; height:200px; background-color:yellow; cursor:pointer; z-index: 100;">
A
  <div id="b" style="width:50px; height:50px; background-color:blue; cursor:auto;">
    B
  </div>
  <div id="c" style="width:50px; height:50px; background-color:orange; cursor:auto;">
    C
  </div>
</div>

Answer 1

使用inherit代替auto

<div id="a" style="width:200px; height:200px; background-color:yellow; cursor:pointer; z-index: 100;">
A
  <div id="b" style="width:50px; height:50px; background-color:blue; cursor:inherit">
    B
  </div>
  <div id="c" style="width:50px; height:50px; background-color:orange; cursor:inherit;">
    C
  </div>
</div>