В настоящее время я изучаю веб-приложения для устройств iOS и использую PhoneGap для создания на их основе «родных» приложений. Проблема, с которой я столкнулся, - это увеличительное стекло, которое я не хочу отображать при выборе абзацев (или фрагмента текста). Я пробовал много решений, но они не работают. Я использую этот CSS, чтобы отключить копирование, выделение и т. Д. Для тех полей, которые мне не нужны:
*[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;
}
Это работает нормально, но при нажатии и удерживании текста все равно отображается лупа / лупа:
Есть ли настоящая решение этого? Было бы здорово использовать простое свойство CSS, такое как -webkit-magnifier: none
или что-то в этом роде. Если есть решение на JavaScript, это тоже будет хорошо, но, возможно, это будет излишним.
Поскольку я использую PhoneGap, и он использует UIWebView для отображения страницы, может быть способ отключить для этого лупу, но я не так много смотрел на собственный исходный код.
Заранее спасибо: -)