html鼠标各种坐标,css中cursor鼠标的46种样式大全(mn886)

在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;

自定义浏览器鼠标样式：

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

-----------------------------------------------------

转载请注明来源此处

原地址：#