how to convert mouse pointer arrow to hand onmouseover link or button.?

Question

Possible Duplicate:
Make mouse pointer a hand when hover over <li> element?

i want to convert a mouse pointer(arrow) into a hand (with finger) on over any link or button. I have seen many posts here on this site. but they all are either in asp.net or in other language. As i want to make this to happen only in javascript or css or php or combinations of these languages these posts was not helpful to me in any way. so Please help...

This has been discussed before. Please see *[Make mouse pointer a hand when hover over

score 4 · Answer 1 · answered Jan 06 '13 at 09:46

4

try this one a:hover,button:hover { cursor: pointer;}

waiting for good news

answered Jan 06 '13 at 09:46

Visal Chhourm

544
3
12

score 1 · Answer 2 · edited May 23 '17 at 12:22

1

Use CSS:

a, button, input[type="submit"] {
    cursor: pointer;
}

But IE6 doesnot support CSS selectors..(input[type="submit"])

You might find How to workaround: IE6 does not support CSS “attribute” selectors worth the read.

edited May 23 '17 at 12:22

Community

1
1

answered Jan 06 '13 at 05:47

Anujith

9,370
6
33
48

score 1 · Answer 3 · answered Jan 06 '13 at 05:48

1

anchor elements by default use a hand pointer.

CSS for buttons to also use a hand pointer:

button, 
input[type=submit], 
input[type=reset] {cursor:pointer;}

demo

answered Jan 06 '13 at 05:48

MikeM

27,227
4
64
80

score 0 · Answer 4 · answered Jan 06 '13 at 05:58

0

To use with force full cursor pointer

a,
button {
  cursor: pointer !important;
}

answered Jan 06 '13 at 05:58

Raghvendra Parashar

3,883
1
23
36

how to convert mouse pointer arrow to hand onmouseover link or button.?

4 Answers4