为什么悬停时手形光标不会显示在锚标记中？

Question

我有这个标记，一个标签包裹在一个锚标签中，但问题是当你悬停时这个光标不会改变为手形光标，

<a href="#17">
  <label class="autor">
    <span class="by">
      by 
    </span>
    Erwin Lutzer
  </label>
</a>

我在这里做错了什么？

任何人都可以帮助，谢谢！

Answer 1

标签正在取消指针，因此请确保您的CSS对于a和标签都有cursor: pointer;：

a,
a label {
    cursor: pointer;
}

或者更好，删除标签！在锚中放置标签是无效的。

Answer 2

不是实际问题的答案，而是解决我自己的类似问题：

悬停链接时

手形光标未显示。 问题在于缺少 href 属性。

<a>Link</a>  <!-- regular cursor -->

但

<a href="#">Link</a>  <!-- cursor pointer -->

Answer 3

没有理由在label元素中放置a元素。 label元素用于装饰输入。这个label在链接中没有办法在语义上正确。由于您没有指定链接到输入的for属性，因此没有理由显示可激活元素的行为。

Reference

这里不要使用CSS来添加游标，这在语义上是不正确的。将您的标签替换为span。

Answer 4

在label上使用此css：

Css代码：

label.autor{
cursor:pointer;
}

Answer 5

正如其他人所说，将标签放在锚标签中是无效的，但如果你真的想这样做，可以添加以下css代码来解决你的问题：

a label { cursor: pointer; }

通常使用标签指向特定的输入字段，因此当您单击标签时，输入字段会被聚焦。由于您没有引用输入字段，因此标签在锚标记中并不真正有用。

Answer 6

将MacBook更新为High Sierra 10.13.6后，我必须重新启动才能使任何浏览器中的指针光标恢复工作。