html将光标样式更改为笔

时间:2016-11-15 06:49:39

标签: html css

 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>
&#13;
&#13;
&#13;

我需要笔样式,因为我想当用户鼠标悬停到 convas div时,我希望用户在该字段上签名

1 个答案:

答案 0 :(得分:1)

您可以使用自定义游标:下面的代码会给您一个想法

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