CSS 样式文本输入中的特定字符
我有一个脚本，可以在用户按下按钮时生成文本。 此文本被发送到输入框，因此当我按下按钮时，一些文本会出现在一个输入框中。
我想知道是否有任何 CSS 属性可以设置出现在输入框中分隔数字的所有“-”字符的颜色。
生成的文本示例：“4 - 6 - 9 - 8 - 2”
换句话说，我想要数字红色和“-”蓝色。
我很想知道我该如何做到这一点。我将非常感激。
I have a script that generates text when a user press a button. This text is sent to an input box, so when I press the button some text appears in one input box.
I would like to know if there's any CSS property to style the color of all the "-" characters that appear in the input box dividing the numbers.
Example of the generated txt: "4 - 6 - 9 - 8 - 2"
In other words I want the numbers red and the "-" blue.
I would love to know how I can do this. I would be very much appreciated.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
input:text元素中不能包含多种样式的文本。如果您想要格式化文本，则需要使用带有div和contenteditable的自定义文本元素。You can't have multi-styled text within a
input:textelement. You'll need to use a custom text element using adivwithcontenteditableif you want formatted text.如果不在想要设置样式的部分周围包裹某种元素，就无法设置字符串文本的样式，例如
。然后，您可以使用 CSS 来设置的样式。您需要使用 JavaScript 来操作它。另外，
的不同部分不能有不同的样式，您需要将值作为其自己的元素复制到 DOM 中。You cannot style a string text without wrapping some sort of element around the parts you wish to style, like a
<span>. You would then use CSS to style the<span>.You need to use JavaScript to manipulate this. Also, you cannot have different style for different parts of an
<input>, you whuld need to copy the value into the DOM as its own element.使用
而不是文本输入。制作代表您的破折号的图像。在 keyup 事件中，将所有破折号替换为您的图像。在表单提交时，复制 div 文本，用破折号替换 img，然后将文本放入中。我说使用图像而不是实际破折号的原因是这样你就不会得到
-。再想一想，您可以将“-”替换为“–”。
Use a
<div contenteditable="true"></div>instead of text input. Make an image that represents your dash. On the keyup event replace all dashes with your image. On form submit, copy the div text, replace the img's with dashes, and then put the text into a<input type="hidden" />.The reason I say to use images instead of an actual dash is so you don't end up with
<span><span><span>-</span></span></span>.On second thought, you could replace "-" with "–".
您不能设置破折号（“-”）的样式，但您可以为每个数字和破折号创建一个跨度。然后给每个人分配不同的班级。
像这样的东西。
you can not style your dashs ("-") but you could create a span for each number and dash. and then asssign to each one diferents classes.
Something like this.