当我将鼠标悬停在HTML标签上时,鼠标指针会变为手形图像,我们通常会在单击链接时获得该图像 . 我怎么能避免这种情况?
您可能在某些浏览器中获得手形光标的原因是因为大多数浏览器中标签元素的主要用途之一是为表单输入元素提供可单击的描述 . 例如,这是 <label> 元素的典型用法:
<label>
<input type="checkbox" name="TermAgreement" id="TermAgreement" /> <label for="TermAgreement">I agree to these terms</label>
在大多数浏览器中,这将导致文本"I agree to these terms"可被点击 . 当您单击文本时,它将切换ID为 TermAgreement 的复选框,就像您单击复选框本身一样 .
TermAgreement
(注意:The W3C specification for <label> in HTML 5不执行 <label> "should match the platform's label behavior" . 实际上,这通常意味着 <label> 元素是可点击的 . )
基本上,游标的行为就好像 <label> 是一个链接,因为它是一个排序的链接 . 如果您使用的方式不同,则可能需要考虑使用其他HTML元素 .
将鼠标悬停在标签上时,特定用户是否看到手形光标将根据其操作系统和浏览器而有所不同 . Chrome和Firefox在Windows XP上没有为我显示此行为,但其他平台可能会这样做 . 此外,您可能包含一个CSS文件,专门调用此行为 . 你的CSS中会有一条规则看起来像这样:
label { cursor: pointer; }
如果要覆盖元素的默认行为,可以在CSS中使用 cursor: default; ,正如@rickyduck所说 . 你可以find information on the CSS cursor property here . 请注意,更改光标不一定意味着元素不会响应被单击 .
cursor: default;
如果这不能解决您的问题,请向我们提供更多信息 . 示例代码,显示行为的页面的URL以及您正在使用的浏览器也很有用 .
<label style="cursor:default">Text<label>
2 回答
您可能在某些浏览器中获得手形光标的原因是因为大多数浏览器中标签元素的主要用途之一是为表单输入元素提供可单击的描述 . 例如,这是
<label>
元素的典型用法:在大多数浏览器中,这将导致文本"I agree to these terms"可被点击 . 当您单击文本时,它将切换ID为
TermAgreement
的复选框,就像您单击复选框本身一样 .(注意:The W3C specification for <label> in HTML 5不执行
<label>
"should match the platform's label behavior" . 实际上,这通常意味着<label>
元素是可点击的 . )基本上,游标的行为就好像
<label>
是一个链接,因为它是一个排序的链接 . 如果您使用的方式不同,则可能需要考虑使用其他HTML元素 .将鼠标悬停在标签上时,特定用户是否看到手形光标将根据其操作系统和浏览器而有所不同 . Chrome和Firefox在Windows XP上没有为我显示此行为,但其他平台可能会这样做 . 此外,您可能包含一个CSS文件,专门调用此行为 . 你的CSS中会有一条规则看起来像这样:
如果要覆盖元素的默认行为,可以在CSS中使用
cursor: default;
,正如@rickyduck所说 . 你可以find information on the CSS cursor property here . 请注意,更改光标不一定意味着元素不会响应被单击 .如果这不能解决您的问题,请向我们提供更多信息 . 示例代码,显示行为的页面的URL以及您正在使用的浏览器也很有用 .
<label style="cursor:default">Text<label>