html - 表单文本颜色

Question

在表单中，在输入“文本”中，如何在用户输入任何内容之前为文本值设置一种颜色，并为用户输入的文本设置另一种颜色？

（我不是说输入：焦点，这只是用户写的时候。我也在寻找不同的颜色，当他离开这个领域时）

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

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

Answer 1

离开焦点后，使用 jQuery 更改元素的类。您可以通过在应用类等之前检查他们是否已输入内容来轻松添加一些复杂性级别。

给你，这是一个基本的例子：

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

Answer 2

使用 JavaScript 焦点和模糊事件。

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

Answer 3

你也可以试试

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

});​</p>

或简单地尝试

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

就是这样