在IOS中,隐藏CSS的输入字段闪烁光标

Sas*_*tha 0 html javascript css safari jquery

如何隐藏ios输入字段闪烁的光标。我尝试了很多对我不起作用的方法。

在Windows中,

SCSS

.input--textfield {
    border: none;
    color: transparent;
    display: inline-block;
    font-size: 2em;
    text-shadow: 0 0 0 gray;

    &:focus {
        outline: none;
    }
}
Run Code Online (Sandbox Code Playgroud)

的HTML

<input type="text" name="" value="10" class="input--textfield">
Run Code Online (Sandbox Code Playgroud)

为我工作

iOS

无法在代码下工作,您有什么建议吗?

小智 5

请尝试以下操作,这非常简单,可以在IOS(5s,6s),IOS桌面和Windows中为我工作。

.input--textfield { caret-color: transparent;
}
Run Code Online (Sandbox Code Playgroud)
<input type="text" name="" value="10" class="input--textfield">
Run Code Online (Sandbox Code Playgroud)