跨浏览器的“cursor:pointer”

29

发现了这些CSS属性,可以让鼠标光标看起来像手:

  • IE - style="cursor: hand;"
  • NS6/ IE6 - style="cursor: pointer;"
  • 跨浏览器 - style="cursor: pointer; cursor: hand;"

然而,我注意到Stack Overflow在其CSS中使用了“cursor: pointer”。 然而,这似乎在IE上也有效。

那么...怎么回事?使用此CSS项的正确,与浏览器无关的方式是什么?


6
顺便提一下,如果你正在查找Web开发教程,而你所看到的页面提到了DHTML的任何内容,那么你应该立即认识到这已经过时约10年了。虽然我们今天仍在技术上使用DHTML,但这个术语已经不太常用了。 - Mikepote
2个回答

57

根据 Quirksmode 的说法,唯一跨浏览器支持的语法是:

element {
    cursor: pointer;
    cursor: hand;
}

他们还提供了一些有关光标的更多信息:

过去,手形值是Microsoft表示指针的方式;IE 5.0和5.5仅支持手形。由于光标值最常用,因此大多数其他浏览器也实现了手形。

由于IE 6和7支持指针,因此除非旧版IE是您的目标受众之一,否则没有使用手形的必要。

我认为你链接的页面可能有点过时了,与最新的浏览器不太符合。


11

我自己只用过cursor:pointer,并且在主要浏览器中没有发现缺少支持的情况。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接