将HTML光标样式更改为笔。

Question

 style="cursor:"

有没有可能将鼠标光标变成钢笔？

我在谷歌上只找到了少数几种样式：

 <span style="cursor:auto">auto</span><br>
    <span style="cursor:crosshair">crosshair</span><br>
    <span style="cursor:default">default</span><br>
    <span style="cursor:e-resize">e-resize</span><br>
    <span style="cursor:grab">grab</span><br>
    <span style="cursor:help">help</span><br>
    <span style="cursor:move">move</span><br>
    <span style="cursor:n-resize">n-resize</span><br>
    <span style="cursor:ne-resize">ne-resize</span><br>
    <span style="cursor:nw-resize">nw-resize</span><br>
    <span style="cursor:pointer">pointer</span><br>
    <span style="cursor:progress">progress</span><br>
    <span style="cursor:s-resize">s-resize</span><br>
    <span style="cursor:se-resize">se-resize</span><br>
    <span style="cursor:sw-resize">sw-resize</span><br>
    <span style="cursor:text">text</span><br>
    <span style="cursor:w-resize">w-resize</span><br>
    <span style="cursor:wait">wait</span><br>
    <span style="cursor:not-allowed">not-allowed</span><br>
    <span style="cursor:no-drop">no-drop</span><br>

我需要笔的样式，因为当用户将鼠标悬停在画布div上时，我希望用户在该区域签名。

- KyLim

---

帖子附带示例。您需要什么？ - Hasmukh Ahir

我需要使用钢笔形状的光标样式。 - KyLim

是的，使用自定义图像，https://dev59.com/h2Ml5IYBdhLWcg3wP1HE - elfan

有用的链接：https://dev59.com/t2Af5IYBdhLWcg3w9mts - Sebastian Brosch

<canvas id="colors_sketch" style="cursor:url('/Images/pen.png')"></canvas>，无法工作。 - KyLim

Answer 1

您可以使用自定义光标：以下代码将给您一个想法。

body {
 cursor: url('some-cursor.ico'), default;
}

- Azeez Kallayi

---

<canvas id="colors_sketch" style="cursor:url('/Images/pen.png')"></canvas>，鼠标光标仍保持默认状态，我的代码有问题吗？ - KyLim

这不起作用。ico文件无法呈现为画布光标样式。 - David Bandel