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

Labels:

Comments

Post a Comment

Popular posts from this blog

Turn off AutoPlay on Windows

On Windows, when you insert an USB or a CD/DVD into your computer, they are usually opened automatically. So the computer maybe infected autorun virus. To avoid that, you should turn off AutoPlay function.
Post a Comment
Read more

Install and play Pokemon Go on unsupported device

Pokemon Go is great mobile game for smart devices (Android, iOS...). Many people can install and play it normally. However, some device has not been supported yet (Intel inside smartphone: Asus Zenfone, Dell Veune, ...; Windows Phone devices...). Here we show you how to play it in all your devices. For Android devices: Enable “Unknown sources” in the settings. Download Pokemon Go app setup:  Link 1  / Link 2   Open the downloaded file to install app. Enable all the settings when promted. Now you can open and run Pokemon Go to catch 'em. ... That's all. Wish succeed!
Post a Comment
Read more