全球禁用放大镜在iOS 9在流星cordova应用程序 [英] global disable magnifying glass on iOS 9 in meteor cordova app

问题描述

我已经测试了几个解决方法来禁用css烦人的放大镜，但在我的iOS9流星球衣建立它出现

它在iOS 8上运行，但在iOS 9现在没有这个css代码：

  body，body * {
 -webkit-user-select：none！important; 
用户选择：none！important; 
 -webkit-user-callout：none！important; 
 -webkit-touch-callout：none！important; 
} 
输入，textarea {
 -webkit-user-select：text！important; 
 user-select：text！important; 
 -webkit-user-callout：default！important; 
 -webkit-touch-callout：default！important; 
} 
 * {
 -webkit-tap-highlight-color：rgba（0，0，0，0）; 
 -webkit-touch-callout：none; 
 -webkit-user-select：none; 
 -moz-user-select：none; / * Firefox all * / 
 -ms-user-select：none; / * IE 10+ * / 
用户选择：无; 
 -webkit-user-drag：none; 
 -webkit-user-modify：none; 
} 
  

我错过了iOS 9的东西？

< div-class =h2_lin>解决方案

Frederik提到的插件现在内置在cordova中，请参阅 https://github.com/apache/cordova-ios/pull/174

I have tested several workarounds to disable the annoying magnifying glass with css, but on my iOS9 meteor cordova build it appears for a moment and fades out after some ms.

it was working on iOS 8 but not on iOS 9 now with this css code:

body, body * {
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-user-callout: none !important;
    -webkit-touch-callout: none !important;
}
input, textarea {
    -webkit-user-select: text !important;
    user-select: text !important;
    -webkit-user-callout: default !important;
    -webkit-touch-callout: default !important;
}
*{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-modify: none;
}

I missed something for iOS 9?

解决方案

The plugin Frederik mentioned is now build into cordova see https://github.com/apache/cordova-ios/pull/174

这篇关于全球禁用放大镜在iOS 9在流星cordova应用程序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！