CSS光标放大/缩小

Question

我有放大或缩小内容的按钮。在firefox光标效果很好（它像放大镜+）。但在chrome中我有默认光标。这是我的代码：

.button.zoom-in {
   ...
   cursor: zoom-in;
}

有人可以帮助我吗，为什么在forefox和chrome中有效？此外，其他游标，如帮助，移动，指针......也适用于chrome。

Answer 1

对于Chrome，您必须使用prefixed-property-value：

.button.zoom-in {
   ...
   cursor: -webkit-zoom-in;
   cursor: zoom-in;
}

这是 jsfiddle 。

Answer 2

来自Mozilla的

This page是对不同游标以及每个游标的浏览器兼容性的绝佳参考。

对于放大和缩小光标，以下内容适用于Chrome 1.0 +，Firefox 1.0 +，Opera 11.6+和Safari 3.0+。 IE不支持放大/缩小。

.button.zoom-in {
    cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}