title: CSS style specific characters inside a text input
body: <p>I have a script that generates text when a user press a button. <strong>This text is sent to an input box</strong>, so when I press the button some text appears in <strong>one input box</strong>.</p>
  
  <p>I would like to know if there's any CSS property to style the color of all the "-" characters that appear in <strong>the input box</strong> dividing the numbers. </p>
  
  <p>Example of the generated txt: "4 - 6 - 9 - 8 - 2"</p>
  
  <p>In other words I want the numbers red and the "-" blue.</p>
  
  <p>I would love to know how I can do this. I would be very much appreciated.</p>