Rather than just relying on the default cursor style you can change it as you want.Normally in html each and every tag their is default cursor style.but you can simply change it as you want.
For example if you take following simple html code will generate you Hello World text.If you move your mouse to top of the Hello World heading you can see the style of cursor related to heading.This is called auto.
<html>
<body>
<h1>Hello World</h1>
</body>
</html>
Following html code will give you a good knowledge about all the cursor styles that you can use.You can use these any cursor style css property any tag.
<html>
<head>
<title>Change The Cursor Appearance Style </title>
</head>
<body>
<input type="button" style="cursor:default" value="Default"/><br/>
<input type="button" style="cursor:auto" value="Auto"/><br/>
<input type="button" style="cursor:help" value="Help"/><br/>
<input type="button" style="cursor:progress" value="Progress"/><br/>
<input type="button" style="cursor:pointer" value="Pointer"/><br/>
<input type="button" style="cursor:wait" value="Wait"/><br/>
<input type="button" style="cursor:text" value="Text"/><br/>
<input type="button" style="cursor:grab" value="Text"/><br/>
<input type="button" style="cursor:crosshair" value="CrossHair"/><br/>
<input type="button" style="cursor:move" value="Move"/><br/>
<input type="button" style="cursor:not-allowed" value="Not Allowed"/><br/>
<input type="button" style="cursor:no-drop" value="No Drop"/><br/>
<input type="button" style="cursor:e-resize" value="E Resize"/><br/>
<input type="button" style="cursor:n-resize" value="N Resize"/><br/>
<input type="button" style="cursor:w-resize" value="W Resize"/><br/>
<input type="button" style="cursor:s-resize" value="S Resize"/><br/>
<input type="button" style="cursor:se-resize" value="SE Resize"/><br/>
<input type="button" style="cursor:sw-resize" value="SW Resize"/><br/>
<input type="button" style="cursor:ne-resize" value="NE Resize"/><br/>
<input type="button" style="cursor:nw-resize" value="NW Resize"/>
</body>
</html>
Subscribe to:
Post Comments (Atom)
JWT Token Decode Using Jquery
When it come to authentication we use many mechanism. Ones the user authenticated we must keep these details somewhere safe. So we can share...
-
In this blog post Ill explain you the logic behind the Sri Lankan National Identity Card (NIC). Sri Lanka now has Old NIC No Format as well ... -
In This Article I Will Demonstrate You To Create A Simple Chat Program Using Java Remote Method Invocation(RMI). Following Program Supports ...
-
In a windows form application sometimes you may want to import a excel file to a data grid view. In this blog post Ill demonstrate to you gu...
No comments:
Post a Comment