Is it possible to remove the hand cursor that appears when hovering over a link? (or keep it set as the normal pointer)

Question

I would like to remove the hand cursor that appears when you hover over a hyperlink.

I have tried this css:

a.link {
    cursor: pointer;
}

And this:

a.link {
    cursor: pointer !important;
}

And still it changes to the hand when I hover over the link.

Does anyone have any ideas as to why this happens or a solution that would enable me to achieve this effect?

you need to use the [:hover](http://w3schools.com/cssref/sel_hover.asp) pseudo class — yoavmatchulsky, Jan 21 '12 at 13:55

score 181 · Accepted Answer · answered Jan 21 '12 at 13:53

181

That's exactly what cursor: pointer; is supposed to do.

If you want the cursor to remain normal, you should be using cursor: default

answered Jan 21 '12 at 13:53

bevacqua

47,502
56
171
285

Thank you, solved the problem for me. I guess it was down to my interperation of pointer. Do you have any idea what kind of browser support this has? I am trying to hide a link to my back end section, so i would want this to appear in this manner always... – Craig van Tonder Jan 21 '12 at 13:56
5

It has complete browser support: [you should google more](http://www.quirksmode.org/css/cursor.html) – bevacqua Jan 21 '12 at 15:11

score 17 · Answer 2 · answered Jan 21 '12 at 13:54

17

Using inline styling use <a href="your link here" style="cursor:default">your content here</a>. See this example

Alternatively use css. See this example.

This solution is cross-browser compatible.

answered Jan 21 '12 at 13:54

jacktheripper

13,953
12
57
93

score 5 · Answer 3 · edited Nov 13 '15 at 13:35

5

<button>
  <a href="https://accounts.google.com/ServiceLogin?continue=http%3A%2F%2Fmail.google.com%2Fmail%2F%3Fpc%3Den-ha-apac-in-bk-refresh14&service=mail&dsh=-3966619600017513905"
     style="cursor:default">sign in</a>
</button>

edited Nov 13 '15 at 13:35

Tunaki

132,869
46
340
423

answered Nov 13 '15 at 13:03

jagadish

51
1
1

score 5 · Answer 4 · answered Feb 26 '18 at 09:17

5

Try this

To Remove Hand Cursor

a.link {
    cursor: default;
}

answered Feb 26 '18 at 09:17

Anil Kumar Reddy

137
2
9

score 3 · Answer 5 · answered Jul 04 '20 at 09:58

<style>
a{
cursor: default;
}
</style>

In the above code [cursor:default] is used. Default is the usual arrow cursor that appears.

And if you use [cursor: pointer] then you can access to the hand like cursor that appears when you hover over a link.

To know more about cursors and their appearance click the below link: https://www.w3schools.com/cssref/pr_class_cursor.asp

Is it possible to remove the hand cursor that appears when hovering over a link? (or keep it set as the normal pointer)

5 Answers5

Linked