Символы, специфичные для стиля CSS, внутри ввода текста

У меня есть сценарий, который генерирует текст, когда пользователь нажимает кнопку. Этот текст отправляется в поле ввода , поэтому, когда я нажимаю кнопку, некоторый текст появляется в одном поле ввода .

Я хотел бы знать, есть ли какое-либо свойство CSS для стиля цвет всех символов «-», которые появляются в поле ввода , разделяющем числа.

Пример сгенерированного txt: «4 - 6 - 9 - 8 - 2»

Другими словами, я хочу, чтобы числа были красными, а «-» - синими.

Я хотел бы знать, как я могу это сделать это. Я был бы очень признателен.