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;
亲自试一试 »
相关页面
CSS 参考手册: cursor 属性
❮ Style 对象