Various Kinds of Mouse Pointers For HTML Controls

Every developer uses HTML controls for various tasks in HTML and the task can be any. So depending on the task, the developer uses the relevant HTML control but here is a question.

Question: Can you change the mouse pointer depending on the text and task of a control?

Answer: Yes, you can do this in HTML via CSS. There is a property named "cursor" to set the style of an HTML Control.

To learn more about this read further.

Step 1: Create a Page of HTML named "HtmlPage.html" and open it in any editor. The HTML will look like:

Note: Here I am using Visual Studio 2012 as an editor.

Step 2: Now I will use only a Hyperlink to explain the various mouse pointers easily.

Add the anchor tag on the HTML page for creating the Hyperlink.

To add the mouse pointer, you need to just add the following code to the anchor tag -style="cursor: default;"

Here "default" is the default mouse pointer type.

Various Kinds of Mouse Pointers in HTML

Note: You can do the same thing to any control like input type (text, button and so on), textarea and many more.

Conclusion

I hope now you can change the mouse pointer depending on the task and control.