Question

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

在Windows中，

SCSS

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

    &:focus {
        outline: none;
    }
}

HTML

<input type="text" name="" value="10" class="input--textfield">

为我工作

IOS

无法在代码下工作，您有什么建议吗？

Answer 1

尝试以下操作非常简单，并且可以在IOS（5s，6s），IOS桌面和Windows中为我工作。

.input--textfield { caret-color: transparent;
}

<input type="text" name="" value="10" class="input--textfield">

Answer 2

ios android

.input--textfield {
  border: none;
  color: transparent;
  caret-color: transparent;
  text-indent: -999em;
}
<input type="text" name="" value="10" class="input--textfield">

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

2 个答案: