CSS光标放大/缩小

Question

我有放大或缩小内容的按钮。在火狐浏览器中，光标运行得很好(就像+的放大镜一样)。但在chrome中，我有默认的光标。这是我的代码：

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

谁能帮帮我，为什么它在forefox和chrome中不能工作？此外，其他游标，如帮助，移动，指针...也可以在chrome中工作。

Answer 1

对于Chrome，你必须使用前缀-property-value：

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

这是一个。

Answer 2

Mozilla的This page是对不同游标的一个很好的参考，而且每个游标都具有浏览器兼容性。

对于放大和缩小光标，以下功能应该适用于Chrome 1.0+、火狐1.0+、Opera 11.6+和Safari 3.0+。IE不支持放大/缩小。

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