Это поведение веб-браузера по умолчанию, поэтому его трудно переопределить.
Вы можете переопределить весь материал (включая курсор, выбор, ввод, ввод и т. Д.) Через CANVAS и не использовать режим редактора по умолчанию. Но это очень сложный способ.
Поэтому попробуйте вставить 1 пробел после интервала:
<span style="color:red">$1</span> <!-- see the 1 space after the span -->
И когда пользователь установит курсор после интервала, текст не будет красным.