CSS Fan and Foodie

Hello and welcome to my blog, i'm a CSS fanatic and food junkie (not junk food). I'll be adding recipes and tid bits, for both CSS and food. Enjoy.

January 28, 2012 at 1:00pm
Home

CSS Quickie - Change Cursor Arrow to Pointer Hand

This is especially useful when you want to design your own button in CSS.

When scrolling the cursor over a button designed in CSS you will notice that it stays as a arrow instead of changing to a pointer hand to over come this do the following.

.submit {

cursor:pointer;

}

<input class=”submit” name=”Submit” type=”submit” value=”submit”>

How it works:

.submit is the class given to the input button, you can also use it to style the rest on the button.

Name is the name given to the input element, in this case Submit

Type is the type of input it is, in this case it is a submit button

Value is what wording on the button it could be, go or enter or anything else you want it to say, but in this case I’ve left it as Submit.

Enjoy.

Notes

  1. digitalrobotgorilla posted this