仅在移动设备上禁用文本选择和图像下载的最佳方法

Question

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!

Answer 1

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;
}