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

Question

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

Answer 1

当然，您只需使用CSS即可。

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

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

&:focus {
    outline: none;
}

这里有SOURCE和DEMO

Answer 2

我只能说你可以通过css应用颜色来实现这个目标：

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

<强> FIDDLE DEMO

否则无法用CSS设置文本光标的样式。