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>

我需要的筆風格，因爲我想，當用戶鼠標懸停到convas格，我想在球場上用戶登錄

Answer 1

您可以使用自定義光標：下面的代碼會給你一個想法

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