cursor
属性可以设置鼠标指针在不同状态下的样式,常见的样式包括:
auto
:浏览器自动选择适合当前环境的光标样式。default
:默认光标,通常是一个箭头。pointer
:手型光标,表示链接可以被点击。text
:文本光标,表示可以输入文本。wait
:等待光标,表示正在等待操作完成。help
:帮助光标,表示需要帮助或提示。move
:移动光标,表示可以拖拽移动。not-allowed
:禁止光标,表示当前操作不可用。除了以上常见的光标样式,还可以使用自定义的光标样式,需要使用 url()
函数指定一个 .cur
或 .ani
文件的路径。例如:
.custom-cursor {
cursor: url(cursor.cur), auto;
}
其中 cursor.cur
是自定义的光标文件,.cur
是 Windows 平台下的光标文件格式。在其他平台下,可能需要使用 .ani
或 .png
格式的文件。
需要注意的是,使用自定义光标样式时,应该提供一个备用的标准样式,以保证在光标文件无法加载或者不兼容的情况下,用户仍能够正常使用网页。