Style cursor 属性

定义和用法

cursor 属性设置或返回要为鼠标指针显示的光标类型。

另请参阅：

CSS 参考手册：cursor 属性

实例

例子 1

改变光标：

document.getElementById("myP").style.cursor = "pointer";

亲自试一试

例子 2

显示所有可用的光标：

var whichSelected = x.selectedIndex;
document.body.style.cursor = x.options[whichSelected].text;

亲自试一试

例子 3

返回光标的类型：

alert(document.getElementById("myP").style.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

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持