Javascript 仅隐藏输入字段的内容

我有一个与输入字段重叠的跨距，当您在输入字段中键入时，它会更新其内容

即使我在输入文本上完美地定位了跨距，您仍然可以看到文本更粗体一些，字母更粗一些

（1号场地-带跨度，2号场地-无跨度）

我试着隐藏整个输入字段，但是光标也消失了，没有光标，打字会很混乱

---

有没有办法只隐藏输入字段的文本

好的，过了一段时间，我看到的是：

输入{
位置：绝对位置；
顶部：25px；
左：25px；
}
#底部{
z指数：1；
}
#顶{
z指数：3；
}

只需通过以下方式将输入文本设置为不可见，并将光标设置为黑色：

#框{
颜色：透明；
插入符号颜色：黑色；
}

---

为什么您甚至需要这个span？span的背景可能仍然是透明的，这是默认设置。将span的背景设置为白色以隐藏输入。我需要它来处理颜色，如这里所示：“您仍然可以看到文本更粗体，字母更粗”-那么您可能应该首先将相同的字体属性应用于输入字段和span@Cruiser:OP是指文本字段中的插入点，而不是鼠标光标。如果您有示例代码或其他内容，请也提及它。这样我们就可以理解整个问题