將SVG設置爲鼠標指針圖像

Question

我有一個svg圖像。我需要將該svg圖像設置爲使用javascript的鼠標指針。

我可以能夠設置使用下面的代碼的圖像作爲鼠標指針：

$("div").mouseover(function(){ 
      $(this).attr("style","cursor: url(red_bucket.png), pointer;"); 
     }); 

是否有任何possiblities設置SVG的鼠標指針...？

Answer 1

這應該工作

$("div").mouseover(function(){ 
     $(this).attr("style","cursor: url('red_bucket.svg'), pointer;"); 
    });