如何从输入元素中删除插入符号

Question

如何<input type="text">仅使用CSS而不是JavaScript 从元素中删除插入符 ？

Answer 1

当然你可以做到这一点CSS.

将此代码添加到CSS文件中:

border: none;
color: transparent;
text-shadow: 0 0 0 gray;
text-align: center;

&:focus {
    outline: none;
}

在这里你有源和演示

Answer 2

我只能说你可以通过css应用颜色来达到这个目的:

<input type="text" style="color: transparent;text-shadow: 0 0 0 red;" />

FIDDLE DEMO

否则,无法使用CSS设置文本光标的样式.