CODEWITHSUNDEEP
cssjquery-mobilecordovaios7
Piyush Kashyap
Piyush Kashyap

Reputation: 1965

In Jquery mobile how to disable magnifying glass in phone gap application for iPad?

I have used following CSS to disable context menus (e.g.:- copy,paste etc..),but it is not disabling magnifying glass:-

body { 
  -webkit-touch-callout: none ;
  -webkit-user-drag: 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);
}

PFA screenshot for reference:-

enter image description here

Please suggest some solution,Thanks

Upvotes: 0

Views: 594

Answers (1)

Tasos
Tasos

Reputation: 5361

Well, that should work in theory, but you should set the CSS directly on the Div(s) and elements you don't want the mag glass to appear instead of just the (body). You may need to remove some of those if you want the functionality, eg (input) --- 

html, body, div, input, span, object,
form, h1, h2, button, label, a, img {
 -webkit-touch-callout: none ;
 -webkit-user-drag: 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);
 }

Upvotes: 1

Related Questions