Question

我有一个.cur文件，我想在鼠标悬停在画布上时使用该光标（我正在使用谷歌浏览器）

<body>
<canvas id="canvas" width="600" height="405" style="position:relative; background:        black;" onclick="newBall()">

</canvas>
</body>

Answer 1

使用CSS：

canvas { 
  cursor: url(myCursor.cur), default; 
}

或内联：

style="cursor:url(myCursor.cur), default;"

完整代码：

<body>
<canvas id="canvas" 
        width="600" 
        height="405" 
        style="position:relative; 
               background:black;
               cursor: url(myCursor.cur), default;" 
        onclick="newBall()">
</canvas>
</body>

Answer 2

#canvas {
cursor: url(images/cursor.png), auto;
}

当我将鼠标悬停在画布上自定义光标时，如何更改鼠标光标？

2 个答案: