Html 将文本隐藏在`<；输入类型="；“文本”>；`不隐藏插入点

我正在编写一个高级过滤工具，我希望为查询字段提供实时语法高亮显示，这是一个标准的

。我通过监听更改、解析查询并在与文本相同的可视位置显示突出显示的版本来实现这一点。为了简单起见，我想在

后面显示突出显示的文本。然后，我需要做的就是使

中的文本不可见。但是，显而易见的方法（颜色：透明或不透明度：0）也会隐藏插入点。我试着摆弄

文本笔划

和

文本阴影

，但没有效果。如何在不移动或隐藏插入点的情况下隐藏实际文本？

我最终得到的解决方案是将已设置样式的文本视觉定位在未设置样式的文本上方，然后在未设置样式的文本上设置一个

文本笔划

，将其缩小一点