title: html change cursor style to pen
body: <pre><code> style="cursor:"
  </code></pre>
  
  <p>Is that possible change the mouse cursor to pen?</p>
  
  <p>I only found few style from the google:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;span style="cursor:auto"&gt;auto&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:crosshair"&gt;crosshair&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:default"&gt;default&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:e-resize"&gt;e-resize&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:grab"&gt;grab&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:help"&gt;help&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:move"&gt;move&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:n-resize"&gt;n-resize&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:ne-resize"&gt;ne-resize&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:nw-resize"&gt;nw-resize&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:pointer"&gt;pointer&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:progress"&gt;progress&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:s-resize"&gt;s-resize&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:se-resize"&gt;se-resize&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:sw-resize"&gt;sw-resize&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:text"&gt;text&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:w-resize"&gt;w-resize&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:wait"&gt;wait&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:not-allowed"&gt;not-allowed&lt;/span&gt;&lt;br&gt;
      &lt;span style="cursor:no-drop"&gt;no-drop&lt;/span&gt;&lt;br&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I need pen style because I want when user mouseover to the <strong>convas</strong> div, I want user sign on the field</p>