在css中，可以指定一个dom(例如div，span，input)的鼠标样式。当鼠标移上去的时候，鼠标的样式就会发生改变，变成由开发者在css中设置的样式。下面列举了所有css的cursor的值和对应的样式：
| cursor | 样式 | 火狐 | 谷歌 | IE |
Opera |
Safari | Edge |
| auto |
|
|
|
|
|
|
|
| default |
|
|
|
|
|
|
|
| none |
|
5.0 | 9 | 15 | 5.0 |
|
|
| context-menu |
|
|
|
|
|
|
|
| help |
|
|
|
|
|
|
|
| pointer |
|
|
|
|
|
|
|
| progress |
|
|
|
|
|
|
|
| wait |
|
|
|
|
|
|
|
| cell |
|
|
|
|
|
|
|
| crosshair |
|
|
|
|
|
|
|
| text |
|
|
|
|
|
|
|
| vertical-text |
|
|
|
|
|
|
|
| alias |
|
|
|
|
|
|
|
| copy |
|
|
|
|
|
|
|
| move |
|
|
|
|
|
|
|
| no-drop |
|
|
|
|
|
|
|
| not-allowed |
|
|
|
|
|
|
|
| all-scroll |
|
|
|
|
|
|
|
| col-resize |
|
|
|
|
|
|
|
| row-resize |
|
|
|
|
|
|
|
| n-resize |
|
|
|
|
|
|
|
| e-resize |
|
|
|
|
|
|
|
| s-resize |
|
|
|
|
|
|
|
| w-resize |
|
|
|
|
|
|
|
| ne-resize |
|
|
|
|
|
|
|
| nw-resize |
|
|
|
|
|
|
|
| se-resize |
|
|
|
|
|
|
|
| sw-resize |
|
|
|
|
|
|
|
| ew-resize |
|
|
|
|
|
|
|
| ns-resize |
|
|
|
|
|
|
|
| nesw-resize |
|
|
|
|
|
|
|
| nwse-resize |
|
|
|
|
|
|
|
| zoom-in |
|
24 |
|
13 | 11.6 | 9 |
|
| zoom-out |
|
24 |
|
13 | 11.6 | 9 |
|
| grab |
|
27 |
|
14 |
|
|
|
| grabbing |
|
27 |
|
14 |
|
|
|
| inherit |
|
|
8.0 | 9.0 |
|
|
|
| url() |
|
|
|
|
|
||
| -webkit-zoom-in |
|
|
|
|
15-23 |
|
|
| -webkit-zoom-out |
|
|
|
|
15-23 |
|
|
| -webkit-grab |
|
|
|
|
|
4.0 |
|
| -webkit-grabbing |
|
|
|
|
|
4.0 |
|
| -moz-zoom-in |
|
|
|
|
|
|
|
| -moz-zoom-out |
|
|
|
|
|
|
|
| -moz-grab |
|
|
|
|
|
|
|
| -moz-grabbing |
|
|
|
|
|
|
|
兼容性样式写法：
zoom-in:
cursor: zoom-in;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
zoom-out:
cursor: zoom-out;
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out;
grab:
cursor: grab;
cursor: -webkit-grab;
cursor: -moz-grab;
grabbing:
cursor: grabbing;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
自定义浏览器鼠标样式：
cursor:url(http://localhost/d2/matches.cur),url(http://localhost/d2/matches.cur),n-resize;
-
IE6也支持cursor属性的URL值，然而，IE只支持CUR和ANI的格式。
-
IE不支持CSS3的坐标。这时候光标图片将被忽略。
-
Firefox1.5 (Gecko1.8), Windows and Linux和Safari3.0 (Webkit522-523)支持.cur | .png | .gif | .jpg和xy坐标值。
-
Firefox4.0 (Gecko2.0)支持.cur | .png | .gif | .jpg | .svg，(Gecko 2.0)支持xy坐标值。
-
opera不支持。
-
IE6/IE7/IE8对图标大小有限制，最佳尺寸32*32（小尺寸图标会被拉伸，大的会被压缩），其它浏览器按图标实际大小显示。
cur文件必须为32*32，否则个浏览器表现差异很大
-----------------------------------------------------
转载请注明来源此处
原地址：#
发表