当鼠标悬停在标签上时,鼠标指针会变成手形。

14

当我将鼠标悬停在HTML标签上时,鼠标指针会变成手形图像,通常情况下只有在单击链接时才会出现。 我该如何避免这种情况?


2
你使用的是什么浏览器?这对我来说没有发生... http://jsfiddle.net/ymZnt/ - Thomas Clayson
2个回答

31

在某些浏览器中,你可能会看到手形光标的原因是因为在大多数浏览器中,<label> 元素的主要作用之一是为表单输入元素提供可点击的描述。例如,这是 <label> 元素的典型用法:

<input type="checkbox" name="TermAgreement" id="TermAgreement" />
<label for="TermAgreement">I agree to these terms</label>
在大多数浏览器中,这将导致文本“我同意这些条款”可点击。当您单击文本时,它会像单击复选框本身一样切换具有 ID 为TermAgreement的复选框。
(注:HTML5中<label>的W3C规范并不要求此行为,但它确实说浏览器的实现应与平台的标签行为相匹配。实际上,这通常意味着<label>元素是可点击的。)
因此,基本上光标的行为就像<label>是一个链接,因为它一种链接。如果您使用它的方式不同,您可能想考虑使用其他HTML元素。
无论某个特定用户是否在标签上悬停时看到手型光标都会因其操作系统和浏览器而异。在Windows XP上,Chrome和Firefox对我来说没有显示此行为,但其他平台可能会有。另外,您可能拥有包含特定调用此行为的CSS文件。您的CSS中可能有一个类似于以下内容的规则:
label {
    cursor: pointer;
}
如果您想覆盖元素的默认行为,可以像@rickyduck所说,在CSS中使用cursor: default;。您可以在此处找到有关CSS光标属性的信息。请注意,更改光标不一定意味着元素不会响应点击。
如果这不能解决您的问题,请提供更多信息。包括样本代码、显示行为的页面的URL以及您正在使用的浏览器。

23

1
答案是否具有高质量? - Alex Angas
1
我同意回答所提出的问题是有价值的。 - Matthew Nichols

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接