Utilize jQuery :) você pode utilizar "on change" com uma class para otimização de código. Aí basta adicionar a "class" onde quiser aplicar as cores. Segue um exemplo: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> $(document).ready(function(){ $('.valor').on('change',function(){ var valor = $(this).val(); if(valor < 25){ $(this).addClass("negativo"); }else{ $(this).addClass("positivo"); } }); }); <!-- language: lang-css --> .negativo { background: red; color: #fff; } .positivo { background: green; color: #fff; } <!-- language: lang-html --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <label for="valor_unitario">Vlr. Unit.</label> <input type="text" name="valor_unitario" id="valor_unitario" class="valor" required> <!-- end snippet --> O código faz é adicionar uma class "positiva" ou "negativa" de acordo com o valor. Você pode criar quantas possibilidade quiser. Positiva, negativa, neutra, etc.