Wikia

Vim Tips Wiki

Help:Cursor

Create Talk0

A Cursor is the pointer that indicates where your mouse is located or pointing at so that you know where you are about to add/change the text.

This indicator can have its appearance changed a little if you want to bring attention to specific text or to a specific area when the cursor moved over the text/area.

Step by step

In order to change the look of the cursor you will have to do is surround the text/area, you wish to have a new look, with span tags containing the parameter style="cursor: <cursor-style>;", like this:

<span style="cursor: help;">Mouse-over me to see the cursor!</span>

This results in:

Mouse-over me to see the cursor!

Additional styles

  1. style="cursor:auto;", style="cursor:default;" or style="cursor:text;" will produce this:
    Mouse-over me to see the cursor.
  2. style="cursor:crosshair;" will produce this:
    Mouse-over me to see the cursor.
  3. style="cursor:move;" will produce this:
    Mouse-over me to see the cursor.
  4. style="cursor:pointer;" will produce this:
    Mouse-over me to see the cursor.
  5. style="cursor:progress;" will produce this:
    Mouse-over me to see the cursor.
  6. style="cursor:wait;" will produce this:
    Mouse-over me to see the cursor.

For those re-size arrows you would use the following:

  1. style="cursor:e-resize;" or style="cursor:w-resize;" will produce this:
    Mouse-over me to see the cursor.
  2. style="cursor:n-resize;" or style="cursor:s-resize;" will produce this:
    Mouse-over me to see the cursor.
  3. style="cursor:ne-resize;" or style="cursor:sw-resize;" will produce this:
    Mouse-over me to see the cursor.
  4. style=cursor:"nw-resize;" or style=cursor:"se-resize;" will produce this:
    Mouse-over me to see the cursor.

See also

Further help & feedback

Around Wikia's network

Random Wiki