Избавьтесь от увеличительного стекла в веб-приложении iOS

В настоящее время я изучаю веб-приложения для устройств 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;
}

Это прекрасно работает, но при нажатии и удерживании текста по-прежнему отображается magnifer/loupe:

Есть ли реальное решение? Это было бы потрясающе с помощью простого CSS-свойства, такого как -webkit-magnifier: none или что-то в этом роде. Если есть решение для JavaScript, это тоже будет хорошо, но, возможно, перебор.

Так как я использую PhoneGap, и он использует UIWebView для показа страницы, может быть способ отключить лупу для этого, но я не так много смотрел на собственный источник.

Заранее спасибо: -)

Ответ 1

Единственный способ добиться этого - избавить элементы от выбора, поскольку включена лупа. -webkit-user-select:none; должен применяться ко всем элементам, где вы не хотите, чтобы лупа отображалась.

Ответ 2

Это то, что я использовал

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