html - 隐藏文本字段闪烁的光标

Question

我有一个文本框，有没有办法隐藏闪烁的文本光标？我这样说是因为我正在做一个恐怖/神秘网站，其中一个线索是开始在任何地方打字。

也许我可以用 javascript 来做？

Answer 1

基本思想是，光标的颜色与文本的颜色相同。因此，您要做的第一件事就是使文本透明，从而将光标带走。然后您可以使用文本阴影使文本再次可见。

使用此链接在 jsfiddle 中实时查看它.

input[type="text"]{
    color : transparent;
    text-shadow : 0 0 0 #000;
}
input[type="text"]:focus{
    outline : none;
}

更新:

已知不适用于 iOS 8 和 IE 11

---

我的另一个想法有点老套，需要 javascript。

HTML 和 CSS 部分:

您制作了 2 个输入字段，并使用 z-index 等将一个输入字段准确地放置在另一个输入字段之上。然后您使顶部输入字段完全透明，没有焦点，没有颜色，等等。需要将可见的下层输入设置为disabled，使其只显示上层输入的内容，实际不起作用。

Javascript 部分:

完成上述所有操作后，您就可以同步两个输入。在按键或更改时，您将较高输入的内容复制到较低输入。

总结以上所有内容:您输入一个不可见的输入，当表单提交时，它将被发送到后端，但其中文本的每次更新都会回显到较低的可见但禁用的输入字段中。