我有一个 .cur 文件,我想在鼠标悬停在画布上时使用该光标(我使用的是 Google Chrome)
<body>
<canvas id="canvas" width="600" height="405" style="position:relative; background: black;" onclick="newBall()">
</canvas>
</body>
我有一个 .cur 文件,我想在鼠标悬停在画布上时使用该光标(我使用的是 Google Chrome)
<body>
<canvas id="canvas" width="600" height="405" style="position:relative; background: black;" onclick="newBall()">
</canvas>
</body>
使用 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>
#canvas {
cursor: url(images/cursor.png), auto;
}