Is it possible to completely disable user text selection with CSS? Check out the code snippet below:
.unselectable{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
However, even with the above CSS applied, users can still copy unselectable text by dragging their selection from the selectable text 1 to selectable text 2. Is there a way to prevent this behavior? All suggestions are appreciated. Thank you.