如何使光标在 CSS 的边距区域保持不变

Question

我有一个带有width=160px,的 div height=80px。出于某种原因，div 有一个margin-left=540px. 另外，在 CSS 中，我设置了cursor:pointer.

问题是，当我将光标移动到 div 的左侧，边距区域时，鼠标变为指针。

当我将光标移动到边距区域时，如何让光标保持不变，并且仅在我将其移动到 div 上时才改变？

我需要使用保证金，因为使用位置会导致一些结构错误。

Answer 1

可以使用嵌套div吗？对外部 div 应用填充以模拟边距，然后将光标设置应用于内部 div。

这是一个例子：

.outer {
  padding-left: 50px;
  border: solid black 1px;
}

.inner {
  cursor: pointer;
  border: solid red 1px;
}

.clearFloat {
  clear: Both;
}

<div class="outer">
  <div class="inner">inner content<br />More inner content</div>
</div>
<div class="clearFloat"></div>