Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么鼠标悬停时手光标不显示在锚定标记中?_Html - Fatal编程技术网

Html 为什么鼠标悬停时手光标不显示在锚定标记中?

Html 为什么鼠标悬停时手光标不显示在锚定标记中?,html,Html,我有一个标记,一个包裹在锚定标记中的标签,但问题是当你悬停时光标不会变为手动光标 <a href="#17"> <label class="autor"> <span class="by"> by </span> Erwin Lutzer </label> </a> 我做错了什么 有人能帮忙吗,谢谢 在您的标签上使用此css: Css代码: label.autor{ cur

我有一个标记,一个包裹在锚定标记中的标签,但问题是当你悬停时光标不会变为手动光标

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

我做错了什么


有人能帮忙吗,谢谢

在您的
标签上使用此css:

Css代码:

label.autor{
cursor:pointer;
}

标签正在取消指针,因此请确保CSS具有
cursor:pointer对于a和标签:

a,
a label {
    cursor: pointer;
}

或者更好的方法是,移除标签!在锚点中放置标签是无效的。

没有理由在
元素中放置
标签
元素。
标签
元素用于装饰输入。这个
标签在链接中的语义是不正确的。由于没有为链接到输入的
属性指定
,因此没有理由显示可激活元素的行为


不要在这里使用CSS来添加光标,这在语义上是不正确的。如其他人所述,将标签替换为
span

,将标签放在锚定标记内是无效的,但如果确实要这样做,请添加以下css代码以解决问题:

a label { cursor: pointer; }

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

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

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

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


在将我的MacBook更新到High Sierra 10.13.6之后,我必须重新启动以使任何浏览器中的指针光标恢复工作。

可能的重复:当你点击它时,它是否工作?我不同意“可能的重复”(参见我的答案)。我使用锚来包装标签,因为如果屏幕的宽度为X像素,我将使用展开()jquery函数来移除锚tag@kastulo我不明白你想解决什么问题,但这似乎不是正确的解决方案。我正在创建一个响应式网站,当其480px或更低时,我不希望标记上有锚定标记,我打算使用unwrap()删除锚定,只显示标签,为什么不简单地将锚定标记放在标签之前?@kastulo您还可以使用css媒体查询来解决该问题,并使用css()将其隐藏。如果我这样做的话,只有span.by会有光标,而不是整个东西,通过新的编辑它会改变
span.by
for
label.autor
lock-of-href属性在html5中是有效的,并且被认为是链接占位符。但是,指针光标需要通过样式规则强制执行。太棒了。。。谢谢:)我添加这条评论不是因为我认为它解决了OP问题(毕竟它已经解决了),而是因为我遇到了指针光标消失的问题,当我试图找到问题的原因(我认为这是CSS问题)时,这个页面是第一个出现在Google上的页面。尽管投了反对票,我希望这能帮助其他人解决这个问题。
<a href="#">Link</a>  <!-- cursor pointer -->