how to prevent user from copying text

Question

is there a way to prevent user to copy text but keeping the text cursor?

i know we can use user-select:none like this

p{
  user-select: none;
}

<p>Lorem ipsum dolor sit amet consectetur.</p>

but it changes the cursor to default

Answer 1

You could use a extra CSS property cursor to set the cursor.

p{
  user-select: none;
  cursor: text;
}

<p>Lorem ipsum dolor sit amet consectetur.</p>