当悬停在标签上时，鼠标指针变为手

2018-06-09 02:44:23

当我将鼠标悬停在HTML标签上时，鼠标指针会变成我们通常在点击链接时获得的手形图像。我怎样才能避免这种情况？

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

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

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

（注意：HTML5中的<label>的W3C规范不要求这种行为，但它确实表示浏览器的<label>实现应该与平台的标签行为相匹配。实际上，这通常意味着<label>元素是可点击的。）

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

当鼠标移动到标签上时，特定用户是否看到手形光标将取决于其操作系统和浏览器。 Chrome和Firefox在Windows XP上不会为我显示这种行为，但其他平台可能会这样。另外，您可能会收到一个CSS文件，专门调用此行为。在你的CSS中会有这样的规则：

label {
    cursor: pointer;
}

如果你想覆盖元素的默认行为，你可以使用cursor: default; 在你的CSS中，正如@rickyduck所说。你可以在这里找到关于CSS游标属性的信息。请注意，更改光标不一定意味着元素不会响应被点击。

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

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

链接地址: http://www.djcxy.com/p/27401.html