如何在插入长度为5的单词后删除文本框中的闪烁光标？

Question

如何在文本框中插入单词后删除闪烁的光标。我正在使用CSS使光标颜色透明，但它没有按预期工作。有没有办法用java脚本解决这个问题？

Answer 1

试试这个：

Live demo on jsfiddle

CSS：

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

    &:focus {
        outline: none;
    }
}

HTML：

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