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

Question

当我将鼠标悬停在HTML标签上时，鼠标指针会变为手形图像，这是我们在点击链接时通常会看到的。我怎么能避免这种情况？

Answer 1

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

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

在大多数浏览器中，这将导致文本“我同意这些条款”是可点击的。当您点击文字时，它会切换ID为TermAgreement的复选框，就像您点击了复选框一样。

（注意：The W3C specification for <label> in HTML 5不需要这种行为，但确实说浏览器的<label>“实现应与平台的标签行为相匹配”。实际上，这通常意味着{{1元素是可点击的。）

基本上，游标的行为好像<label>是一个链接，因为它是一个链接。如果您使用的方式不同，则可能需要考虑使用其他HTML元素。

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

<label>

如果要覆盖元素的默认行为，可以在CSS中使用label { cursor: pointer; } ，正如@rickyduck所说。你可以find information on the CSS cursor property here。请注意，更改光标不一定意味着元素不会响应被单击。

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

Answer 2

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