悬停时如何使链接具有戴手套的手鼠标[重复]

Posted 2023-03-05

【中文标题】悬停时如何使链接具有戴手套的手鼠标[重复]

【英文标题】：How to make a link have the gloved hand mouse when hovering [duplicate]

【发布时间】：2011-02-13 20:20:53

【问题描述】：

可能重复：Make mouse pointer a hand when hover over <li> element?

我有一个输入表单按钮，当您将鼠标悬停在它上面时，鼠标指针不会改变方向。如何使链接指定显示戴手套的鼠标指针？

【参考方案1】：

cursor: pointer;

【参考方案2】：

我为您找到了有关鼠标指针样式的 This interesting site。向下滚动到指针 W3C。

cursor: pointer;

您可以将鼠标悬停以测试您喜欢的浏览器，它会指示它适用于哪些浏览器。

【参考方案3】：

这是另一个小例子

<style type="text/css">
   a.clickable
       cursor: pointer;
       cursor: hand;
   
</style>

<a href="#" class="clickable">Link</a>

【参考方案4】：

如果链接是锚标记，它应该默认发生。你可以用 CSS 来强制，然后不管是什么 html 标签。

<a href="/Blah.htm" style="cursor: hand;">Blah</a>

（有关重要​​信息，请参阅下面的评论）

【讨论】：

Drive-by-downvoters：他确实提供了答案，而且并非无用。您可能会争辩说这是一个不准确且措辞糟糕的问题，但它肯定比这个问题要好得多。 :P

cursor: hand 已停产，它仅适用于 IE、Opera 等。因此，由于超过一半的流行浏览器无法运行，因此这将返回令人失望的结果。今天所有浏览器都使用的是cursor: pointer;。您应该使用它的唯一原因是您希望 IE 5.5 和 5.0 能够正常工作。

我的立场是正确的 - 证明了 downvote-cmets 的重要性。 :)

感谢乔纳森的更正。旧习惯很难改掉，“光标：手”是我需要改掉的习惯之一。我确实同意 sr-pt，一旦解释清楚，否决票就更有意义了。