iOSウェブアプリケーションで虫眼鏡を取り除く

Question

現在、iOSデバイス用のウェブアプリを探しており、PhoneGapを使って「ネイティブ」アプリケーションを作成しています。私がこれを持っている問題は、段落（またはテキストの一部）を選択するときに表示したくない拡大鏡です。私はたくさんの解決策を試しましたが、ネットは働きます。

*[untouchable] { 
    -webkit-user-drag: none; 
    -webkit-user-modify: none; 
    -webkit-highlight: none; 

    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select:  none; 
    -moz-user-select:  none; 
    -ms-user-select:  none; 
    -o-user-select:   none; 
    user-select:   none; 
} 

これは正常に動作しますが、私はタッチしたテキストの上に置いたときに、それはまだmagnifer /ルーペを示しています：

私はwan'tこれらのフィールドのためのすべてのコピー、選択、などを無効にするには、このCSSを使用します

本当の解決策はありますか？ -webkit-magnifier: noneなどの単純なCSSプロパティを使用するとすばらしいことになります。 JavaScriptのソリューションがあれば、これも問題ありませんが、おそらく過度のことです。

私はPhoneGapを使用しており、UIWebViewを使用してページを表示しているので、そのためのルーペを無効にする方法があるかもしれませんが、ネイティブソースにはそれほど目を向けていません。

Answer 1

:-)事前に

おかげでこれを実現する唯一の方法は、拡大鏡が組み込まれているので、完全に選択の要素を取り除くことです。 -webkit-user-select:none;は、拡大鏡を表示したくないすべての要素に適用する必要があります。

Answer 2

これは、私は、これは私のために完全に働いた

* { 
     -webkit-touch-callout: none; 
     -webkit-user-callout: none; 
     -webkit-user-select: none; 
     -webkit-user-drag: none; 
     -webkit-user-modify: none; 
     -webkit-highlight: none; 
}