使用css3或javascript或jquery更改键入值的文本颜色，而不更改已经存在的值的颜色

Question

我有一个日期文本框，并且在其中使用了显示dd / mm / 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>