是否可以替换输入字段中每个字符的颜色

Is it possible to alternate the color of each character in an input field?

本文关键字：字符颜色字段替换输入是否更新时间：2023-09-26

我见过人们通过将每个字符动态包装在一个跨度中并分别针对它们来替换单个元素中字符的颜色，但我想替换输入字段中每个字符的颜色（例如在红、绿、蓝之间交替）。。。有可能吗？我被难住了。。。

可以使用将contentEditable属性设置为true并设置为输入框样式的div来模拟它。

最基本的是，当您在其中键入时，您可以处理诸如"onkeydown"之类的事件，并在将字符添加到DIV之前用给定颜色的SPAN环绕字符。

通过这种方式，您可以在键入时获得"input"字段中字符的实时着色。

如果必须处理粘贴/删除，它会变得更加复杂，但这就是想法。