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

Question

[Артур]

Есть кастомный 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 айфонах (на надройде и веб версиях других браузеров все ок, в сафари в том числе), у инпута каретка все равно отображается.

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