我有这个标记,标签封装在一个锚标记,但问题是,当光标悬停这不会更改为手形光标,HTML,手形光标不是在锚标记显示鼠标悬停时
<a href="#17">
<label class="autor">
<span class="by">
by
</span>
Erwin Lutzer
</label>
</a>
我在这里做错了什么?
任何人都可以plz帮助,谢谢!
我有这个标记,标签封装在一个锚标记,但问题是,当光标悬停这不会更改为手形光标,HTML,手形光标不是在锚标记显示鼠标悬停时
<a href="#17">
<label class="autor">
<span class="by">
by
</span>
Erwin Lutzer
</label>
</a>
我在这里做错了什么?
任何人都可以plz帮助,谢谢!
的标签抵消指针,所以一定要确保你的CSS有cursor: pointer;
了一个和两个标签:
a,
a label {
cursor: pointer;
}
或更好的是,删除标签!在锚点中放置标签是无效的。
使用这一块的CSS您label
:
CSS代码:
label.autor{
cursor:pointer;
}
如果我这样做,只有span.by将光标,而不是整个事情 – kastulo
与新的编辑它会更改'span.by'标签。autor' –
正如其他人所说的那样,是无效的把标签锚标签内,但如果你真的想这样做,添加以下的CSS代码来解决你的问题:
a label { cursor: pointer; }
通常使用一个标签指向一个特定的输入字段,所以当你点击标签时,输入字段得到关注。由于您没有引用输入字段,因此该标签在锚标记中并不真正有用。
Uncommented down votes <3 – Daniel
没有答案的实际问题,但解决我自己的,类似的问题:
手形光标没有显示时,悬停链接。 问题在于缺乏属性。
<a>Link</a> <!-- regular cursor -->
但
<a href="#">Link</a> <!-- cursor pointer -->
可能重复:http://stackoverflow.com/questions/3087975/how-can-i-make-the-cursor-a-hand-when-a-user -hove-over-a-list-item –
当你点击它时它是否工作? – pattyd
我不同意这种“可能的重复”(请参阅我的答案)。 –