更改输入值的颜色? jQuery的

时间:2013-11-23 22:50:06

标签: jquery css

我想更改输入字段中的文本颜色。用户输入的那些输入词的颜色&为默认颜色着色。

这是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或任何其他方法。

我该怎么做?

2 个答案:

答案 0 :(得分:1)

据我所知,jQuery你想要一个占位符功能。这已经存在于HTML5中。

只需使用placeholder属性创建输入:

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

See here more on the placeholder attribute

答案 1 :(得分:0)

考虑使用jquery方法.css()

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