How to change appearance of "text-selection" cursor on webpages or disable cursor changing while a text is selected in all major browsers?

Question

I want to prevent the mouse cursor from changing when I move it over some text. Is this possible?

If not, I would like to change the appearance of text-selection cursor - is it possible with css / javascript?

Answer 1

Try this...

* {
  -webkit-user-select: none;
}

*:active,
*:hover {
  cursor: pointer;
}

Answer 2

I think you are lookings for is the css property "cursor:default;" - but this really depends on what exactly you are looking for. Example with a label:

label{
    cursor:default;
}

Depending on the cursor you want, you can change the value from "default" to something else.

Here's a list of some of the values (Not all - but the most common are there): https://developer.mozilla.org/en-US/docs/CSS/cursor

Remember you get different results depending on browser/OS.