CSS cursor Property

例

有些不同的光标：

span.crosshair {
    cursor: crosshair;
}

span.help {
    cursor: help;
}

span.wait {
    cursor: wait;
}

定义和用法

光标属性指定的元素上指向时要显示光标的类型。

默认值：	auto
遗传：	yes
动画：	no. Read about animatable
版：	CSS2
JavaScript语法：	object .style.cursor="crosshair" Try it

浏览器支持

在表中的数字规定，完全支持该属性的第一个浏览器版本。

属性
cursor	5	5.5	4	5	9.6

CSS语法

cursor:value;

属性值

值	描述	播放
alias	光标指示的东西的别名是要创建	播放 ”
all-scroll	光标指示的东西可以在任何方向滚动	播放 ”
auto	默认。浏览器设置一个光标	播放 ”
cell	光标指示的单元(or set of cells)可被选择	播放 ”
context-menu	光标指示上下文菜单可用	播放 ”
col-resize	光标表示列可水平调整	播放 ”
copy	光标指示的东西是要被复制	播放 ”
crosshair	光标呈现为十字线	播放 ”
default	默认光标	播放 ”
e-resize	光标指示盒子的边缘可向右移动(east)	播放 ”
ew-resize	指示双向大小调整光标	播放 ”
grab	光标显示的东西可以抓住	播放 ”
grabbing	光标显示的东西可以抓住	播放 ”
help	光标表示帮助可用	播放 ”
move	光标指示的东西要被移动	播放 ”
n-resize	光标指示盒子的边缘被向上移动(north)	播放 ”
ne-resize	光标指示盒子的边缘被向上移动，右(north/east)	播放 ”
nesw-resize	指示双向大小调整光标	播放 ”
ns-resize	指示双向大小调整光标	播放 ”
nw-resize	光标指示盒子的边缘被向上移动和左(north/west)	播放 ”
nwse-resize	指示双向大小调整光标	播放 ”
no-drop	该光标表示拖动项目不能被丢弃在这里	播放 ”
none	没有光标呈现为元素	播放 ”
not-allowed	光标表示该请求的操作将不会被执行	播放 ”
pointer	光标是一个指针和表示链接	播放 ”
progress	光标指示程序正忙(in progress)	播放 ”
row-resize	光标表示该行可垂直调整	播放 ”
s-resize	光标指示盒子的边缘被向下移动(south)	播放 ”
se-resize	光标指示盒子的边缘被向下移动，右(south/east)	播放 ”
sw-resize	光标指示盒子的边缘被向下移动和左(south/west)	播放 ”
text	该光标表示可以选择文本	播放 ”
URL	以逗号分隔的URL列表，自定义光标。 Note:在列表的末尾始终指定一个通用的光标，以防没有网址定义游标可以使用	播放 ”
vertical-text	光标指示可以选择垂直文本	播放 ”
w-resize	光标指示盒子的边缘被向左移动(west)	播放 ”
wait	光标指示程序正忙	播放 ”
zoom-in	光标显示的东西可放大	播放 ”
zoom-out	光标显示的东西，可以缩小	播放 ”
initial	将此属性设置为默认值。阅读关于初始	播放 ”
inherit	继承其父元素此属性。阅读关于继承

CSS 参考

CSS 属性

CSS cursor Property

例

定义和用法

浏览器支持

CSS语法

属性值

相关页面