Изменение цвета входного значения? jQuery

Question

Я хочу изменить цвет текста внутри поля ввода. Цвет этих входных слов, вводимых пользователями &, окрашивает цвет по умолчанию.

Вот JQuery код:

var default_email_val = 'Enter Your E-Mail'; 

$(document).ready(function(){ 
    $('input[type="email"]').attr('value', default_email_val).focus(function(){ 
     if($(this).val()==default_email_val){ 
      $(this).attr('value', ''); 
     } 
    }).blur(function(){ 
     if($(this).val()== ''){ 
      $(this).attr('value', default_email_val); 
     } 
    }); 
}); 

Я хочу, чтобы изменить цвет, текстового поля к серому при загрузке страницы & когда вводимые пользователем некоторые слова, я хочу, чтобы эти слова с черный цвет, используя CSS или любой другой метод.

Как я могу это сделать?

Answer 1

Насколько я могу судить по предоставленному jQuery, вы хотите использовать функцию заполнителя. Это уже существует в HTML5.

Просто создайте вход с атрибутом placeholder:

<input placeholder="Enter your E-mail" type="text"> 

See here more on the placeholder attribute

Answer 2

рассмотреть с помощью метода JQuery .css()

$(this).css("background-color","#cccccc");