如何从输入元素中删除插入符号[重复]

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 设置文本光标的样式。