Archive

Archive for June 27, 2008

How to change the mouse pointer to a hand with CSS

June 27, 2008 Imran Akram 1 comment

hello there,

there are some scenarios where u want to change the mouse pointer to the one that looks like a hand, you know like the one u get when you hover over a link. Sometimes its pretty useful when you’re thinking about making a popup window that would come up when you click on a link, by the way, when you do such a thing you put some javascript in the onclick event and with that you want to give the user a feeling that he/she’s clicking on a hyperlink. So this is a sample class I’ve made

All you need to do is to use the Cursor:pointer; property and walllah, u got it

.mousetoHand
{
color:#5B3C1D;
font-family:Arial;
font-size:12pt;
cursor:pointer;
text-decoration:none;

}