Disable mouse pointer text selector when hovering above text

Question

Every time you hover over text the mouse turns in to this text selector that pops up instead of the mouse icon, How do i disable this in CSS/JS/HTML when hovering over specific paragraphs containing the same class? Could this be done in CSS? for example i dont want to have a hover option over this:

<p class="class">Dont hover over me</p>

Answer 1

You can use cursor property:

p.class {
    cursor: default;
}