如何编辑表单输入的初始值的字体颜色？

Question

我使用onblur和onfocus在我的表单上创建了一个效果。如何更改这些onblur和onfocus元素的颜色？但是，我想将用户的输入默认为黑色。

    $('input:text').focus(function(){
    var newValue = $(this).val();
        if($(this).val() == 'Email'){
            $(this).attr('value','');
            } else {
            $(this).val(newValue);
            }
});

$('input:text').blur(function(){
    var newValue = $(this).val();
        if($(this).val() == ''){
            $(this).attr('value','Email');
            } else {
            $(this).val(newValue);
            }
});

谢谢

Answer 1

嗯，你真的不需要javascript，css可以很好地处理焦点。只需在样式表中定义它：

input[type="text"] {color:black}
input[type="text"]:focus {color:purple}

但是如果你必须使用jQuery，只需使用css()函数：

$(this).css({'color' : 'purple'});

Answer 2

我制作的这个插件将为您处理：inputLabel。

否则，最安全的是添加一个类并删除该类，并在CSS中添加不同的颜色。