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

【问题标题】：how do i edit the font color of the initial value of form input?如何编辑表单输入初始值的字体颜色？
【发布时间】：2011-07-30 13:04:32
【问题描述】：

我使用 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);
            }
});

谢谢

【问题讨论】：

标签： html css forms fonts colors

【解决方案1】：

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

否则，最安全的方法是添加类和删除类，并在 CSS 中放置不同的颜色。

【讨论】：

感谢您的意见。我认为添加课程对我来说是一种更简单的方法。

【解决方案2】：

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

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

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

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

【讨论】：

我有一个简单的问题：如果用户输入了某些内容并且处于模糊状态，有没有办法让文本变黑？我一直在尝试为它编写代码，但我认为我做得不对。
默认样式应该优先模糊。如果用户还没有输入任何文本，我认为你根本不会看到颜色 :)
是的。但我将我的初始值设为灰色。然后当你聚焦或输入一些东西时它是黑色的（在我的情况下）。如果可能的话，我希望文本保持黑色？也许我应该将其保留为灰色，以便用户知道他们在进行模糊处理？
所以您希望字段已经填充，但只希望未修改的文本为灰色，用户已修改的字段为黑色？
是的。已经填充的字段例如电子邮件字段的“电子邮件”，用户名字段的“用户名”等......然后当用户输入（例如：电子邮件地址）时，文本将被着色并聚焦和模糊。但是如果这些字段没有填写，那就是默认的。