文本输入中的CSS样式特定字符

Question

我有一个脚本,当用户按下按钮时生成文本.此文本被发送到输入框,因此当我按下按钮时,一个输入框中会出现一些文本.

我想知道是否有任何CSS属性来设置分隔数字的输入框中出现的所有" - "字符的颜色.

生成的txt示例:"4 - 6 - 9 - 8 - 2"

换句话说,我希望数字为红色," - "为蓝色.

我很想知道如何做到这一点.我将非常感激.

Answer 1

您不能在input:text元素中包含多个样式的文本.如果要格式化文本div,contenteditable则需要使用带有自定义文本元素.

Answer 2

如果不将某种元素包裹在您想要设置样式的部分（例如<span>. 然后，您可以使用 CSS 来设计<span>.

您需要使用 JavaScript 来操作它。此外，您不能为 的不同部分使用不同的样式<input>，您需要将值作为其自己的元素复制到 DOM 中。