Style cursor 属性
定义和用法
cursor 属性设置或返回鼠标指针显示的光标类型。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| cursor | Yes | Yes | Yes | Yes | Yes |
语法
返回 cursor 属性:
object.style.cursor
设置 cursor 属性:
object.style.cursor = value
属性值
| 值 | 描述 |
|---|---|
| alias | The cursor indicates an alias of something is to be created |
| all-scroll | The cursor indicates that something can be scrolled in any direction |
| auto | 默认。浏览器设置的光标（通常是一个箭头）。 |
| cell | The cursor indicates that a cell (or set of cells) may be selected |
| context-menu | The cursor indicates that a context-menu is available |
| col-resize | The cursor indicates that the column can be resized horizontally |
| copy | The cursor indicates something is to be copied |
| crosshair | 光标呈现为十字线。 |
| default | 默认光标（通常是一个箭头）。 |
| e-resize | 向右（东）的箭头，指示元素是可变尺寸的，矩形框的边缘可被向右（东）移动。 |
| ew-resize | Indicates a bidirectional resize cursor |
| help | 带有问号的箭头，指示可用的帮助。 |
| move | 交叉箭头，指示某对象可被移动。 |
| n-resize | 向上（北）的箭头，指示元素是可变尺寸的，矩形框的边缘可被向上（北）移动。 |
| ne-resize | 东北方向的箭头，指示元素是可变尺寸的，矩形框的边缘可被向上及向右移动（北/东）。 |
| nesw-resize | 西北方向的箭头，指示元素是可变尺寸的，矩形框的边缘可被向上及向左移动（北/西）。 |
| ns-resize | Indicates a bidirectional resize cursor |
| nw-resize | The cursor indicates that an edge of a box is to be moved up and left (north/west) |
| nwse-resize | Indicates a bidirectional resize cursor |
| no-drop | The cursor indicates that the dragged item cannot be dropped here |
| none | No cursor is rendered for the element |
| not-allowed | The cursor indicates that the requested action will not be executed |
| pointer | 光标呈现为指示链接的指针（一只手）。 |
| progress | The cursor indicates that the program is busy (in progress) |
| row-resize | The cursor indicates that the row can be resized vertically |
| s-resize | 向下（南）的箭头，指示元素是可变尺寸的，矩形框的边缘可被向下（南）移动。 |
| se-resize | 东南方向的箭头，指示元素是可变尺寸的，矩形框的边缘可被向下及向右移动（南/东）。 |
| sw-resize | 西南方向的箭头，指示元素是可变尺寸的，矩形框的边缘可被向下及向左移动（南/西）。 |
| text | 此光标指示文本。 |
| URL | 需被使用的自定义光标的 URL。提示： 请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。 |
| vertical-text | The cursor indicates vertical-text that may be selected |
| w-resize | 向左（西）的箭头，指示元素是可变尺寸的，矩形框的边缘可被向左（西）移动。 |
| wait | 此光标指示程序正忙（通常是一只表或沙漏）。 |
| zoom-in | The cursor indicates that something can be zoomed in |
| zoom-out | The cursor indicates that something can be zoomed out |
| initial | 设置该属性为它的默认值。请参阅 initial |
| inherit | 从父元素继承该属性。请参阅 inherit |
技术细节
| 默认值: | auto |
|---|---|
| 返回值: | 一个字符串，表示鼠标指针位于某个元素上时显示的鼠标光标 |
| CSS 版本 | CSS2 |
更多实例
实例
显示所有可用的光标:
var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;
亲自试一试 »
document.body.style.cursor = x.options[whichSelected].text;
相关页面
CSS 参考手册: cursor 属性
❮ Style 对象
