Best way to disable text selection and image download on mobile only

user_3962143 0
Viewed 170

I'm planning to use this to achieve that

-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);

Just wondering, is there a better, or more neat way to achieve that? I only want to disable text selection (copy paste) and image download on mobile. I know user can still do that with otherways and it's not very user friendly. I'm already aware of the negatives assosciated with it.

Thanks!

css jquery javascript
1 Answers

A media query with the following would prevent the user selecting any of the text. Touch callouts are just the blue highlight.

body, html {
    user-select: none;
}
user_120073470
Related