当使用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
相一致的效果。
相关内容
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:cursor:hand与cursor:pointer的区别介绍 - Python技术站