Изменение цвета текста набираемого значения без изменения цвета уже существующего значения.using css3 или javascript или jquery

Question

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

по щелчку текстового поля он отображает значение ="дд / мм / гггг", и для этого я использовал плагин ввода маски. Мой запрос состоит в том, что я хочу изменить цвет набираемого числа, оставив неизменным цвет содержимого. как мы можем это сделать.

Пожалуйста, смотрите этот скриншот для справки.

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

Answer 1

Что-нибудь классное? проверьте это jsfiddle, это изменит цвет, зависит от значения того, что вы хотите

$('.getvalueofinput').keydown(function() {
  var value1, value2;
  value1 = $('.getvalueofinput').val();
  value2 = $('.equalvalue').text();
  if (value1 == value2) {
    alert('equal');
    $('.getvalueofinput').css('background-color', 'brown').css('color','white');
  }

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type=text class="getvalueofinput">
<span class='equalvalue' value='write me'>write me</span>