cursor:hand与cursor:pointer的区别介绍

当使用CSS样式来改变鼠标样式时，常见的两个属性值是cursor:pointer和cursor:hand，但是这两个属性值在不同的浏览器中表现不同，因此我们应该尽量避免使用cursor:hand。

区别介绍

cursor:pointer

cursor:pointer是最常用的改变鼠标样式的属性值。在大多数主流浏览器中，鼠标的样式会变成小手图标，表示鼠标的状态变为了pointer（指针）状态。这个属性值在IE浏览器中也能被正确地解释。

示例代码如下：

a {
  cursor: pointer;
}

cursor:hand

cursor:hand是一种仅在IE浏览器中被支持的属性值。在其他主流浏览器中，这个属性值会被视为未知属性值，不会被解释。在IE浏览器中，鼠标的样式也会变成小手图标，表示鼠标的状态变成了hand（手型）状态。

示例代码如下：

a {
  cursor: hand;
}

在现代的浏览器中，我们应该尽可能地使用cursor:pointer，而不是cursor:hand。因为IE浏览器本身的市场份额不断缩小，更多用户使用的是现代的浏览器。在IE浏览器中，应该使用cursor:pointer也能达到和cursor:hand相一致的效果。

相关内容

• CSS cursor 属性
• CSS cursor 属性值（仅适用于 IE）