Question

I have created an effect on my form with onblur and onfocus. How do I change the colors on these onblur and onfocus elements? However, I would like to keep the user’s input default as black.

    $('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);
            }
});

Thank you

Answer 1

Well, you don’t really need javascript, css can handle focus pretty well. Just define it in your stylesheet:

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

But if you have to do it with jQuery, just use the css() function:

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