隐藏`<input type =“text”/>`中的文本而不隐藏插入点

Question

我正在撰写高级过滤工具，并且我希望为查询字段提供实时语法突出显示，这是标准<input type="text">。我这样做是通过监听更改，解析查询，并在与文本相同的可视位置显示突出显示的版本。为简单起见，我想在<input>后面显示突出显示的文本。然后，我需要做的就是使<input>中的文本不可见。但是，执行此操作的明显方法（颜色：透明或不透明度：0）也会隐藏插入点。我尝试摆弄text-stroke和text-shadow，但无济于事。如何在不移动实际文本或隐藏插入点的情况下隐藏实际文本？

Answer 1

我最终得到的解决方案是将样式文本放在未设置样式的文本上方，然后在未设置样式的文本上设置text-stroke以缩小它。