javascript - 仅隐藏输入字段的内容

Question

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

即使我将 span 完美地定位在输入文本上，您仍然可以看到文本稍微更粗一些，字母更粗一些。

(字段nr.1-有span，nr.2-没有)

我尝试隐藏整个输入字段，但随后光标也消失了，否则打字会很困惑。

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

Answer 1

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

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

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

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