If you want to prevent all elements from user selection, use the following code:
* {
user-select: none;
}
Let’s now introduce two further properties that disable some unwanted default behaviors on smartphones
and tablets:
The -webkit-tap-highlight-color property, which allows us to set the color of the default
highlight feature when you tap on some element (like a link, a canvas, etc.). Set it to a transparent
color to disable it.
The -webkit-touch-callout property, which when set to none, disables the default callout shown
when you touch and hold an element.
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}