2013-06-05 54 views
19

我有这个标记,标签封装在一个锚标记,但问题是,当光标悬停这不会更改为手形光标,HTML,手形光标不是在锚标记显示鼠标悬停时

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

我在这里做错了什么?

任何人都可以plz帮助,谢谢!

+1

可能重复:http://stackoverflow.com/questions/3087975/how-can-i-make-the-cursor-a-hand-when-a-user -hove-over-a-list-item –

+0

当你点击它时它是否工作? – pattyd

+1

我不同意这种“可能的重复”(请参阅​​我的答案)。 –

回答

42

的标签抵消指针,所以一定要确保你的CSS有cursor: pointer;了一个和两个标签:

a, 
a label { 
    cursor: pointer; 
} 

或更好的是,删除标签!在锚点中放置标签是无效的。

2

使用这一块的CSS您label

CSS代码:

label.autor{ 
cursor:pointer; 
} 
+0

如果我这样做,只有span.by将光标,而不是整个事情 – kastulo

+0

与新的编辑它会更改'span.by'标签。autor' –

7

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

Reference

不要使用CSS此处添加光标,这将是语义上不正确。将您的标签替换为span

+0

我用一个锚来包装标签,因为如果屏幕是X像素宽度,我打算使用unwrap()jquery函数去除锚标记 – kastulo

+0

@kastulo我不明白你想要的问题解决,但这似乎不是正确的解决方案。 –

+1

@ kastulo,这不会使其语义正确。 –

1

正如其他人所说的那样,是无效的把标签锚标签内,但如果你真的想这样做,添加以下的CSS代码来解决你的问题:

a label { cursor: pointer; } 

通常使用一个标签指向一个特定的输入字段,所以当你点击标签时,输入字段得到关注。由于您没有引用输入字段,因此该标签在锚标记中并不真正有用。

+0

Uncommented down votes <3 – Daniel

8

没有答案的实际问题,但解决我自己的,类似的问题:

手形光标没有显示时,悬停链接。 问题在于缺乏属性。

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

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