cursor属性用于指定鼠标悬停在元素上时的光标样式。常用的取值包括:
auto:浏览器自动决定光标形状default:默认光标,通常是一个箭头pointer:手形光标,表示链接可被点击text:文本光标,表示可以输入文本move:移动光标,表示可拖动元素wait:等待光标,表示正在加载或处理not-allowed:禁止光标,表示不可操作除此之外,还有一些自定义的光标样式,例如:
crosshair:十字线光标help:帮助光标,通常是一个问号progress:进度光标,通常是一圈圈旋转的圆圈zoom-in / zoom-out:放大缩小光标可以使用CSS的url()函数指定自定义的光标图片,例如:
cursor: url('custom-cursor.png'), auto;
此外,cursor属性还支持一些浏览器厂商前缀,例如-webkit-cursor、-moz-cursor等。
参考链接: