变化类型值的文本颜色，在不改变已经存在的值。采用CSS3的颜色或JavaScript或jquery的

Question

我有一个日期文本框和我有在其上显示日/使用占位符/ yyyy的

点击文本框它显示一个值=“dd/mm/yyyy”，并且为此我使用了掩码输入插件我的查询是我想更改我输入的数字的颜色，保持其余内容颜色不变。 我们该如何做到这一点。

请参阅此截图以供参考。

我试过按键改变颜色，但一切都改变了存在于输入。

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>