表单文本颜色

Question

在表单中，在输入" text“之前，如何为文本值设置颜色，然后为用户输入的文本输入另一种颜色？

(我指的不是输入:焦点，这只是用户写东西的时候。当他离开球场时，我也在寻找不同的颜色)

我这里有一个例子：http://jsfiddle.net/JQSZE/

<form>
    <input type="text" value="nom" />
</form>

Answer 1

使用JavaScript焦点和模糊事件。

jQuery(function(){
    jQuery("input").focus(function(){
         jQuery(this).css("color", "red");
    }).blur(function(){
         jQuery(this).css("color", "green");
    });
});​

Answer 2

一旦元素离开焦点，使用jQuery更改元素的类。通过在应用类之前检查它们是否输入了内容，您可以很容易地添加一些复杂性级别。

这是一个基本的例子：

http://jsfiddle.net/erinfreeman/q348G/

Answer 3

您也可以像这样尝试

$(document).ready(function(){
    $("input").focus(function(){       
        (this).css("color", "green");
});

});​

或smply尝试

$('input').css("color","green");

就这样