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

Question

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

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

我在这里做错了什么？

谁能帮忙，谢谢！！

score 89 · Accepted Answer

标签取消了指针，因此请确保您的 CSScursor: pointer;同时具有 a 和标签：

a,
a label {
    cursor: pointer;
}

或者更好的是，删除标签！在锚点内有标签是无效的。

score 26 · Accepted Answer

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

悬停链接时不显示手形光标。 问题在于缺少href属性。

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

但

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

score 8 · Accepted Answer

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

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

score 2 · Accepted Answer

2

在你的label：

CSS代码：

label.autor{
cursor:pointer;
}

于 2013-06-05T16:04:51.223 回答

score 1 · Accepted Answer

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

a label { cursor: pointer; }

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

score -5 · Accepted Answer

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

6 回答 6