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

Insert Google Search box into blog/website

Normally, every  blog/website has a search function which supports everyone to easily browse the site contents. But it maybe not really useful and effective. Then Google Custom Search is a brilliant choice for you. How to get it?

Access Facebook.com with Google DNS and hosts file

Facebook is now the most popular social network. You have many friends and many informations which need to be check on it. But a day, you can't access Facebook or can't post an image. You can resolve this problem by simple steps:

Integrate blogspot blogger blog with Dot TK free domain

Blogspot or Blogger is a blog service from Google. This service provides us many functions to make a small website as creating a blog, posting, commenting, . . . But there is a thing which might cause you dissatisfy. That's the blog address is too long, like http://www.your-tips-tricks.blogspot.com . If you own a short Dot TK domain , then your problems will be solved.