I have a question want to ask

when we use the smartphone or tablet operating a Web page (Here I would mention my testing process)

the default，long press on the screen， there will be a pop up window of search options

because some reason，I  want to make this feature disable

I search the google and finally found the following CSS syntax, you can put these code before <head/> 

The link is a Snapshot for HTC Sensation XL 

*: not (input) / *: not (input) means that if the input box on a page field does not apply to the following restrictions, if you do not add this setting will cause the input box on the page can not enter text * /

{

-webkit-touch-callout: none;

-webkit-user-drag: none;

-webkit-user-select: none;

-khtml-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

-o-user-select: none;

}

My test platform for the following: 

Computer Chrome

phone Chrome and the native browser

tablet Chrome and the native browser

(I also tested a different phone)

The Chrome's part(shield off successfully)

Computer's

Phone's

tablet's(ASUS Transformer Prime TF201)

The Native browser part(shield off successfully)

HTC NEW ONE:Android 4.12, WebKit 534.30

TF201: Android 4.11, WebKit can not see

Samsong Galaxy Note2: Android 4.12, can't find the Webkit version

THL W8: Android 4.21, can't find the Webkit version

ZTE V987: Android 4.12, can't find the Webkit version

The Native browser part(shield off fail)

HTC Sensation XL: Android 4.03, WebKit 534.30

HTC Sensation: Android 4.03, WebKit 534.30

Sony Xperia S: Android 4.04, can't find the Webkit version

These aforementioned are all Android platform, built-in default webkit browser

I guess,it is probably because of different Android versions of each other and webkit kernel version may also different too

how to solve it??any ideas??

Of course, I also have used the following this JS syntax, but it is the same situation that the test results with the above approach is the same CSS

document.body.style.webkitTouchCallout = 'none';