将鼠标悬停在标签上时,鼠标指针会变为手形

Question

当我将鼠标悬停在HTML标签上时,鼠标指针会变为手形图像,我们通常会在单击链接时获得该图像.我怎么能避免这种情况？

Answer 1

您可能在某些浏览器中获得手形光标的原因是因为大多数浏览器中标签元素的主要用途之一是为表单输入元素提供可单击的描述.例如,这是<label>元素的典型用法:

<input type="checkbox" name="TermAgreement" id="TermAgreement" />
<label for="TermAgreement">I agree to these terms</label>

在大多数浏览器中,这将导致文本"我同意这些条款"是可点击的.当您单击文本时,它将切换ID为的复选框TermAgreement,就像您单击复选框本身一样.

(注意:HTML 5中的W3C规范<label>不需要这种行为,但它确实说浏览器的<label>"应该匹配平台的标签行为".实际上,这通常意味着<label>元素是可点击的.)

从本质上讲,游标的行为就好像<label>是一个链接,因为它是一个排序的链接.如果您使用的方式不同,则可能需要考虑使用其他HTML元素.

将鼠标悬停在标签上时,特定用户是否看到手形光标将根据其操作系统和浏览器而有所不同.Chrome和Firefox在Windows XP上没有为我显示此行为,但其他平台可能会这样做.此外,您可能包含一个CSS文件,专门调用此行为.你的CSS中会有一条规则看起来像这样:

label {
    cursor: pointer;
}

如果要覆盖元素的默认行为,可以cursor: default;在CSS中使用,如@rickyduck所说.您可以在此处找到有关CSS游标属性的信息.请注意,更改光标不一定意味着元素不会响应被单击.

如果这不能解决您的问题,请向我们提供更多信息.示例代码,显示行为的页面的URL以及您正在使用的浏览器也很有用.

Answer 2

<label style="cursor:default">Text<label>