javascript - 使用 Vanilla-JS 或 Angular 输入多种颜色

Question

输入两种颜色的最佳方式是什么？我需要附加(在 Angular 中，我将为此使用管道)一个 id 的尚未输入的部分/占位符，它的颜色应该比输入的输入颜色浅。例如。用户输入 123456 后的 123456XXX，XXX 是灰色而不是黑色？

如果它是一个跨度，我可以在后缀周围放置一个 <grey>，并为其分配灰色样式，但不能包含其他 html 标签

需要在IE11下运行!如果你知道一个插件可以做到这一点，请随时将其作为评论发布，我可以自己查找解决方案。

Answer 1

可能是这样的？

<div contenteditable="true">
  <span>
    Part 1
  </span>
  <span style="color: red">
     Part 2
  </span>
</div>