跨浏览器自定义光标样式

我用img标签显示世界地图。我将图像映射与它关联起来以超链接某些区域。我覆盖了一个带边框的框 div，指示可以单击和缩放某个区域。

现在，为了向用户展示它是这样做的，我希望光标更改为放大镜形状。我浏览了一下网络，发现了一些可以在 firefox 和 ie6-8 中运行的东西：

#zoomregion:hover { cursor: url('templates/test/styles/images/magnify.cur'), -moz-zoom-in; }

不幸的是，opera、chrome 和 ie9 忽略它并显示默认值（即：指针）。如何使用跨浏览器自定义光标图标？

The -moz-的一部分-moz-zoom-in;意味着它仅适用于 Mozilla，要使其跨浏览器，您需要同一 id 标签 css 中的所有标签：

#zoomregion:hover { 
    cursor: url('templates/test/styles/images/magnify.cur');
    -webkit-zoom-in;
    -moz-zoom-in;
    -ie-zoom-in;
    -ms-zoom-in;
    -o-zoom-in;
}

-webkit-占很多浏览器，包括移动浏览器（对于这种用途，可能不需要它），这非常有用并且可以大大缩短时间。