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

Question

我已经看到人们在单个元素中交替使用颜色的字符，方法是将每个字符动态地包裹在一个范围内并单独定位它们，但我想在输入字段中交替显示每个字符的颜色（例如，在红色之间交替显示，绿色，蓝色）......可能吗？我很难过......

Answer 1

可以使用DIV模拟它，并将contentEditable属性设置为true并将其设置为输入框。

在最基本的情况下，当你输入它时，你可以在将它添加到DIV之前处理诸如“onkeydown”之类的事件和具有给定颜色的SPAN的环绕字符。

这样，您可以在键入时在“输入”字段中实时填写字符。

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