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?

Answer 1

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

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

Answer 2

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.

Answer 3

Try this

To Remove Hand Cursor

a.link {
    cursor: default;
}