How to hide kartek in input in ios webview?

Question

css

There is a custom react component for entering SMS code (input with underscores of the entered numbers).
The component is made as a single transparent input superimposed on the main block, which displays stylized values.
input styles

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;

The styles above hide the native input caret. But at the same time, in the webview in ios on 6,7,8,xr iPhones (on the nadroid and web versions of other browsers, everything is ok, including in safari), the caret is still displayed at the input.
How to completely hide it?