CSS光标放大/缩小

我有放大或缩小内容的按钮。在firefox中，光标工作良好（它就像带有

+

的放大镜）。但在chrome中，我有默认的游标。这是我的代码：

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

---

有人能帮我吗，为什么它在Pretox和chrome中不起作用？另外，其他光标如帮助、移动、指针。。。也适用于chrome。

对于chrome，必须使用前缀属性值：

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

这里有一个来自Mozilla的

是一个很好的参考，它可以帮助您了解不同的游标以及每个游标的浏览器兼容性

对于放大和缩小光标，以下内容适用于Chrome1.0+、Firefox1.0+、Opera11.6+和Safari3.0+。IE不支持放大/缩小

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

---

第一个谷歌结果：tl；dr：使用-webkit-前缀。你可以把它写成答案。谢谢，我不介意它可能是CSS3。我认为这不是一个好的答案，因为它本质上只是一个指向外部来源的链接。在这里重复这个答案是多余的。@KyleSevenoaks:把答案放在StackOverflow上。仅仅因为答案存在于互联网上的某个地方，并不意味着它也不应该在这里，否则StackOverflow将是相当空的，每个响应都将是“去其他地方寻找答案”。我还注意到，如果将两种样式与同一attr内联，chrome将获取该attr的最后定义值。不要内联风格lol