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
等。
参考链接: