@cloudz

Как скрыть картеку в input в webview ios?

Есть кастомный react компонент для ввода смс кода (инпут с подчеркиваниями вводимых цифр).

Компонент сделан в виде одного прозрачного инпута наложенного на основной блок в котором отображаются стилизованные значения.

стили инпута
width: 252px;
height: 52px;
line-height: 28px;
box-sizing: initial;
border: 0;
font-family: 'MTS';
background: transparent;
position: absolute;
color: transparent;
-webkit-text-fill-color: transparent;
z-index: 2;
font-size: 50px;
letter-spacing: 18px;
caret-color: rgba(255, 255, 255, 0);
outline: none;


В стилях выше скрыта нативная каретка инпута. Но при этом в webview в ios на 6,7,8,xr айфонах (на надройде и веб версиях других браузеров все ок, в сафари в том числе), у инпута каретка все равно отображается.

Как полностью скрыть ее?

5e1c7ff432dc5320150320.png
  • Вопрос задан
  • 37 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
МТС Москва
от 140 000 до 250 000 ₽
АКМЭ сервис Санкт-Петербург
от 180 000 до 230 000 ₽
Garpix Иваново
До 150 000 ₽
24 окт. 2020, в 22:43
3000 руб./за проект
24 окт. 2020, в 22:27
2500 руб./за проект