样式 cursor 属性
描述
cursor 属性设置或返回鼠标指针要显示的光标类型。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| cursor | 是 | 是 | 是 | 是 | 是 |
语法
返回 cursor 属性
object.style.cursor
设置 cursor 属性
object.style.cursor = 值
属性值
| 值 | 描述 |
|---|---|
| alias | 光标指示将创建某物的别名 |
| all-scroll | 光标指示某物可以在任何方向滚动 |
| auto | 默认。浏览器设置光标 |
| cell | 光标指示可以选择一个单元格（或一组单元格） |
| context-menu | 光标指示有可用的上下文菜单 |
| col-resize | 光标指示可以水平调整列的大小 |
| copy | 光标指示将复制某物 |
| crosshair | 光标显示为十字线 |
| default | 默认光标 |
| e-resize | 光标指示框的边缘将向右（东）移动 |
| ew-resize | 指示双向调整大小光标 |
| 帮助 | 光标指示有帮助可用 |
| move | 光标指示将移动某物 |
| n-resize | 光标指示框的边缘将向上（北）移动 |
| ne-resize | 光标指示框的边缘将向上和向右（东北）移动 |
| nesw-resize | 指示双向调整大小光标 |
| ns-resize | 指示双向调整大小光标 |
| nw-resize | 光标指示框的边缘将向上和向左（西北）移动 |
| nwse-resize | 指示双向调整大小光标 |
| no-drop | 光标指示拖动的项目不能在此处放置 |
| none | 元素不显示光标 |
| not-allowed | 光标指示请求的操作不会执行 |
| pointer | 光标是指针并指示链接 |
| progress | 光标指示程序正在忙（进行中） |
| row-resize | 光标指示可以垂直调整行的大小 |
| s-resize | 光标指示框的边缘将向下（南）移动 |
| se-resize | 光标指示框的边缘将向下和向右（东南）移动 |
| sw-resize | 光标指示框的边缘将向下和向左（西南）移动 |
| text | 光标指示可能选定的文本 |
| URL | 自定义光标的 URL 列表，用逗号分隔。注意：始终在列表末尾指定一个通用光标，以防任何 URL 定义的光标都无法使用 |
| vertical-text | 光标指示可能选定的垂直文本 |
| w-resize | 光标指示框的边缘将向左（西）移动 |
| wait | 光标指示程序正在忙 |
| zoom-in | 光标指示可以放大某物 |
| zoom-out | 光标指示可以缩小某物 |
| initial | 将此属性设置为其默认值。阅读关于 initial |
| inherit | 从其父元素继承此属性。阅读关于 inherit |
技术详情
| 默认值 | auto |
|---|---|
| 返回值 | 一个字符串，表示当鼠标指针位于元素上时显示的鼠标光标 |
| CSS 版本 | CSS2 |
更多示例
示例
显示所有可用光标
var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
自己动手试一试 »
相关页面
CSS 参考：cursor 属性
