仅隐藏输入字段的内容

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

尽管我将跨度完美地定位在输入文本上，但您仍然可以看到文本更加粗体并且字母更粗。

(field nr.1- with span, nr.2- without)

我尝试隐藏整个输入字段，但光标也消失了，如果没有光标，输入会非常混乱。

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

只需将输入文本设置为不可见并将光标设置为黑色即可：

  #box {
      color: transparent;
      caret-color: black;
    }

<input type="text" id="box" value="some_sample_text">

这样，文本是不可见的，但光标会显示。通过您的跨度覆盖，这应该正是您想要的。但不要忘记您的输入字段必须具有相同的大小和字体大小，否则插入符号位于错误的位置。