🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[CSS参考手册](http://css.doyoe.com/)»[属性列表](#)»[用户界面属性](#)» 相关内容: [**其它用户界面属性**选择其它项](#) - [outline](#) - [outline-width](#) - [outline-color](#) - [outline-style](#) - [outline-offset](#) - [nav-index](#) - [nav-up](#) - [nav-right](#) - [nav-down](#) - [nav-left](#) - [cursor](#) - [zoom](#) - [box-sizing](#) - [resize](#) - [ime-mode](#) # cursor - **版本:CSS2** - 继承性:有 ### 语法: **cursor**:[[<url>](#) [<x> <y>]?,]*[ 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] **默认值**:auto ### 说明: **设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。** - 使用自定义图像作为光标类型,IE, Opera只支持*.cur等特定的图片格式;Firefox, Chrome, Safari既支持特定图片类型也支持常见的*.jpg, *.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**。 ### 兼容性: - 浅绿 = 支持 - 红色 = 不支持 - 墨绿 = 部分支持 - 橙色 = 实验性质 | [支持版本](# "查看本文档测试时所用浏览器版本")\类型 | IE | Firefox | Safari | Chrome | Opera | |-----|-----|-----|-----|-----|-----| | 版本 | 6.0 | 4.0 | 5.1 | 13.0 | 11.50 | ### 示例: cursor光标类型 | 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 | Copyright © 2006-2012 [Doyoe](http://www.doyoe.com/). All Rights Reserved