Как скрыть мигающую каретку (трубу) внутри поля ввода в устройствах на базе iOS8?

Я использую плагин выбора даты jQuery для одного из моих проектов (Zebra Datepicker), который требует использования полей input. Проблема заключается в том, что при тестировании сайта на iPhone 6 (под управлением iOS8), когда я нажимаю на соответствующее поле ввода, календарь появляется со стандартным синим мигающим курсором (трубой) выше в календаре (и это не вопрос z-index). Вот скриншот:Как скрыть мигающую каретку (трубу) внутри поля ввода в устройствах на базе iOS8?

Данная ошибка не будет воспроизводить на устройствах, работающих под управлением IOS версии ниже, чем 8.

Любой известный обходной о том, как скрыть этот досадный курсор на всех? Я рассматриваю как CSS, так и JS-решения.

Спасибо!

источник

2015-09-21 Balabeque

Есть ли связь вы можете поделиться, который использует ту же дату выбора плагин – Webpandit

@Webpandit, вот тест звено, которое содержит часть от страницы, которая использует выше плагин: [TEST LINK] (http://mad.faipapps.com/hmcards/test_test) – Balabeque

Я бы сказал, что вам нужно будет переключить фокус с входного виджета на первый день календаря, который вы можете выбрать , Только похоже, что вам нужно сосредоточиться на этом виджете ввода, чтобы все могло работать? –

У меня нет устройства IOS, чтобы проверить в данный момент, но этот поток Disable blinking cursor in UITextField? может решить вашу проблему

источник

2015-09-21 20:01:38 Webpandit

Я думаю, что OP означает браузер, а не объекты интерфейса раскадровки iOS :-). –

У меня была такая же проблема, и я решил it.If предотвратить, чтобы увеличить КСН это работало для меня вы можете проверить его

fotenoot: он также работает на устройствах ios. (Я проверил)

.selector { 
 
    text-shadow: 0 0 0 gray; 
 
    color: transparent !important; 
 
    -webkit-user-select: none; 
 
    -moz-user-select: none; 
 
    -ms-user-select: none; 
 
    -o-user-select: none; // latest Opera versions support -webkit- 
 
    user-select: none; 
 
    &:focus { 
 
    outline: none; 
 
    } 
 
}

<input type="text" class="selector">

источник

2017-07-19 12:20:40

Как скрыть мигающую каретку (трубу) внутри поля ввода в устройствах на базе iOS8?

ответ

Смежные вопросы