Skip to main content

Change mouse cursor hover on a web element


On some blog/web, when administrator want some parts of his contents be noticed. Instead of highlighting them, we have a tip. When the users hover their mouse on a element, they will see a strange cursor which you've chosen.


  • In html editor, determine the elements you want to change their hover cursor. Eg: div, span, image tag, input controls, . . .

  • Add a simple CSS style element for them like this:


<div style="cursor: CURSOR_TYPE_HERE;">...</div>

Here some cursor type value: 


  • auto: Default. The browser sets a cursor

  • crosshair: The cursor render as a crosshair

  • default: The default cursor

  • e-resize: The cursor indicates that an edge of a box is to be moved right (east)

  • help: The cursor indicates that help is available

  • text: The cursor indicates text

  • wait: The cursor indicates that the program is busy

  • url(IMAGE_URL.gif),auto: A comma separated of URLs to custom cursors. Note: Always specify a generic cursor at the end of the list, in case none of the URL-defined cursors can be used

  • and more here

Comments

Popular posts from this blog

Fix network printer error 0x0000709

When printing in the network, sometimes you see the error "Operation could not be completed (error 0x00000709). Double click the printer name and make sure that the printer is connected to the network".  Here we show how to fix the error: Open Windows Control Panel Open Credential Manager Choose Windows Credentials Click Add a Windows credential Internet or network address: input the computer name which share the printer User name: input "guest" Password: leave it blank Then click OK and reconnect the shared printer Do not need: uninstall Windows updates; change Windows registry... This maybe applied for error: 0x00000005, 0x0000011b... Watch the step by step video on here: