样式 cursor 属性
描述
cursor 属性设置或返回鼠标指针显示的类型。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| cursor | 是 | 是 | 是 | 是 | 是 |
语法
返回 cursor 属性
object.style.cursor
设置 cursor 属性
object.style.cursor = value
属性值
| 值 | 描述 |
|---|---|
| alias | 鼠标指针指示要创建别名。 |
| all-scroll | 鼠标指针指示可以向任何方向滚动。 |
| auto | 默认值。浏览器设置鼠标指针。 |
| cell | 鼠标指针指示可以选中单元格（或一组单元格）。 |
| context-menu | 鼠标指针指示有上下文菜单可用。 |
| col-resize | 鼠标指针指示可以水平调整列的大小。 |
| copy | 鼠标指针指示要复制内容。 |
| crosshair | 鼠标指针渲染为十字线。 |
| default | 默认鼠标指针。 |
| e-resize | 鼠标指针指示要将框的边缘向右（东）移动。 |
| ew-resize | 指示双向调整大小鼠标指针。 |
| help | 鼠标指针指示有帮助可用。 |
| 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 属性
