變化類型值的文本顏色，在不改變已經存在的值。採用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>