Home | | Web Technology | CSS Cursors

Chapter: Web Technology : Style Sheets: CSS

CSS Cursors

Although the cursors will not have the customized look in other browsers it usually doesn't ruin anything.

CSS CURSORS

 

Although the cursors will not have the customized look in other browsers it usually doesn't ruin anything. These browsers will simply show the normal arrow-cursor which would be same case as if you refrained from cus tomizing cursors at all.So unless the page really doesn't work without the customized cursor there shouldn't be technical reasons for choosing not to.However there might be other reasons for thinking twice before adding custom cursor to your pages. Many users are easily confused or irritated when a site breaks the standard user interface.

 

Adding A Customized Cursor

 

The syntax for a customized cursor is this: (Position the mouse over each link to see the effect)

 

Selector {cursor:value}

For

 

example:

<html>

<head>

 

<style type="text/css">

.xlink {cursor:crosshair}

 

.hlink{cursor:help}

</style>

 

</head>

 

<body>

<b>

 

<a href="mypage.htm" class="xlink">CROSS LINK</a> <br>

 

<a href="mypage.htm" class="hlink">HELP LINK</a> </b>

</body>

</html>


Study Material, Lecturing Notes, Assignment, Reference, Wiki description explanation, brief detail
Web Technology : Style Sheets: CSS : CSS Cursors |


Privacy Policy, Terms and Conditions, DMCA Policy and Compliant

Copyright © 2018-2023 BrainKart.com; All Rights Reserved. Developed by Therithal info, Chennai.