CSS自定义光标不起作用,浏览器不再支持它吗?

时间:2014-03-29 12:35:28

标签: html css cursor

 body {cursor: url(cursor/NB_Arrow.cur);}
样式表中的

这行代码是我在所有其他stackoverflow答案中看到的如何做到这一点,但它似乎没有起作用。我的光标与普通的默认箭头光标保持一致。

浏览器现在不再支持了,或者我在代码中输错了

尝试在IE,最新Chrome和最新的Firefox上都无法正常工作

2 个答案:

答案 0 :(得分:1)

https://developer.mozilla.org/en-US/docs/Web/CSS/cursor/url

似乎仍然受到支持......

http://jsfiddle.net/7xFDM/3/

    .test {
   /* cursor: pointer;*/
    cursor: url(http://www.rw-designer.com/cursor-view/63374.gif), auto;
    }

答案 1 :(得分:1)

MDN中所述:

  

<强>语法

     

这意味着可以指定零个或多个URL(以逗号分隔),   哪个必须后面跟着CSS中定义的一个关键字   规范,例如auto或pointer。

所以尝试使用:

body {
    cursor: url(cursor/NB_Arrow.cur), auto;
}