Как мне отредактировать цвет шрифта начального значения ввода формы?

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.