css中cursor鼠标的46种样式大全

原文
在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;,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，否则个浏览器表现差异很大

——————————————————————————-
转载请注明来源此处
原地址：https://blog.mn886.net/chenjianhua/show/7e4eab6a1bd7/index.html