当我将鼠标指针悬停在HTML标签上时,鼠标指针会变成一个手形图像,这通常是在单击链接时得到的。我该如何避免这种情况呢?
发布于 2011-08-24 22:31:53
在某些浏览器中可能出现手形光标的原因是,在大多数浏览器中,标签元素的主要用途之一是为表单输入元素提供可单击的描述。例如,这是<label>
元素的典型用法:
<input type="checkbox" name="TermAgreement" id="TermAgreement" />
<label for="TermAgreement">I agree to these terms</label>
在大多数浏览器中,这将导致文本“我同意这些条款”可点击。当您单击文本时,它将切换ID为TermAgreement
的复选框,就像您单击了复选框本身一样。
(注意:The W3C specification for in HTML 5不需要这种行为,但它确实说浏览器的<label>
实现“应该与平台的标签行为相匹配”。实际上,这通常意味着<label>
元素是可单击的。)
因此,从本质上讲,光标的行为就像<label>
是一个链接,因为它是某种类型的链接。如果您以不同的方式使用它,则可能需要考虑使用不同的HTML元素。
将鼠标悬停在标签上时,特定用户是否看到手形光标将因其操作系统和浏览器而异。Chrome和Firefox不会在Windows XP上为我显示这一行为,但其他平台可能会。此外,您还可能包含一个专门调用此行为的CSS文件。在你的CSS中会有一个类似下面这样的规则:
label {
cursor: pointer;
}
如果你想覆盖元素的默认行为,你可以在你的CSS中使用cursor: default;
,就像@rickyduck所说的那样。你可以使用find information on the CSS cursor property here。请注意,更改光标并不一定意味着元素不会在被单击时做出响应。
如果这还不能解决您的问题,请向我们提供更多信息。示例代码、显示行为的页面的URL以及您正在使用的浏览器也是很好知道的。
发布于 2011-08-24 22:18:18
<label style="cursor:default">Text<label>
https://stackoverflow.com/questions/7176942
复制相似问题