©
This document usesPHP Chinese website manualRelease
cursor:[
默认值:auto
适用于:所有元素
继承性:有
动画性:否
计算值:指定值
auto:用户代理基于当前上下文决定光标形状
default:相关平台的默认光标形状,通常为箭头。
none:没有光标形状
其他待完成...
使用自定义图像作为光标类型,IE, Opera只支持*.cur等特定的图片格式;Firefox, Chrome, Safari既支持特定图片类型也支持常见的*.png, *.gif, *.jpg等图片格式。
cursor的属性值可以是一个序列
示例代码:
:link,:visited{ cursor:url(example.svg#linkcursor), url(hyper.cur), url(hyper.png) 2 3, pointer; }
本例用来给所有的超链接定义光标类型,客户端如果不支持SVG类型的光标,则使用下个"hyper.cur";如果cur类型也不支持,则使用下个"hyper.png";依次类推。
对应的脚本特性为cursor。
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 6.0-11.0#1 | 2.0+ | 4.0+ | 6.0+ | 15.0+ | 6.0+ | 2.1+ | 18.0+ |
none | 6.0-8.0 | 2.0+ | 4.0+ | 6.0+ | 15.0+ | 6.0+ | 2.1+ | 18.0+ |
9.0+ | ||||||||
alias | cell | copy | ew-resize | ns-resize | nesw-resize | nwse-resize | context-menu |
6.0-9.0 | 2.0+ | 4.0+ | 6.0+ | 15.0+ | 6.0+ | 2.1+ | 18.0+ |
10.0+ | ||||||||
zoom-in | zoom-out | 6.0-11.0 | 2.0-23.0-moz- | 4.0-36.0-webkit- | 6.0-8.0-webkit- | 15.0-23.0-webkit- | 6.0-8.3 | 2.1-4.4.4 | 18.0-42.0 |
24.0+ | 37.0+ | 24.0+ | ||||||
grab | grabbing | 6.0-11.0 | 2.0-27.0-moz- | 4.0-22.0-webkit- | 6.0-8.0-webkit- | 15.0+ | 6.0-8.3 | 2.1-4.4.4 | 18.0-42.0 |
28.0+ | 23.0+ |
6.0-8.0不支持:url()的position位置,不支持除.cur之外的图像格式。
cursor_CSS参考手册_web前端开发参考手册系列
auto | default | none | context-menu | help | pointer | progress |
wait | cell | crosshair | text | vertical-text | alias | copy |
move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize |
s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize |
nwse-resize | col-resize | row-resize | all-scroll | url | zoom-in | zoom-out |
点击 "运行实例" 按钮查看在线实例