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 格式的文件。
需要注意的是,使用自定义光标样式时,应该提供一个备用的标准样式,以保证在光标文件无法加载或者不兼容的情况下,用户仍能够正常使用网页。