CSS .cur光标格式

问题描述

我设置了自定义光标 url（mouse2.cur），它没有变化。

I set custom cursor url(mouse2.cur) and it doesnt change.

（mouse2.png）效果很好！有什么问题？

(mouse2.png) works perfectly! Whats the problem ?

body{
    cursor: url(mouse2.cur),pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

推荐答案

不同的浏览器在光标的URL。

Different browsers have different support in url of the cursors.

根据CanIUse：

According to CanIUse: http://caniuse.com/#search=cursor

W3C CSS3规范指出：

W3C CSS3 Specification states:

在[PNG]中定义的PNG

• 在[SVG]中定义的SVG，处于安全静态模式[SVG-INTEGRATION]


• 它们在其他属性中支持的任何其他非动画图像文件格式，例如background-image
  属性

顺便说一句，W3C CSS3规范指出 .cur 游标应受大多数浏览器的支持。

By the way, W3C CSS3 Specification says that .cur cursors should be supported by most browsers.

最后，您的 .cur 文件可能已损坏，甚至链接到它都返回404错误。请检查指向您的 .cur 文件的链接。

Finally, your .cur file may be broken or even link to it returns 404 error. Please check the link to your .cur file.

这篇关于CSS .cur光标格式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！