CSS自定义鼠标指针样式

CSS中的 cursor 属性可以用逗号分隔指定一系列的光标项,可以用 url() 来自定义光标的图案:

[css]

body {

cursor: url('some-cursor.ico'), default;

}

在实际应用中, 最好在后面加上后备的原生光标,如 default, 这和设置字体(font-family)样式是一样的道理。

有一点需要注意,Firefox会将光标裁剪到一个较小的比例, 而Chrome现在支持更大的图标尺寸。

不要犹豫了,在重要的地方加上自定义指针图标吧. 就如在看相册预览时的放大(+)和缩小(-)按钮,你肯定想做得与众不同.

页面效果图：