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

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

谢谢

来源

2011-04-06 hellomello

那么，你真的不需要JavaScript，CSS可以很好地处理焦点。就在你的样式定义它：

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

但是如果你用jQuery做到这一点，只需使用css()功能：

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

来源

2011-04-06 06:08:19

优秀！谢谢:) – hellomello 2011-04-06 06:25:56

我有一个快速的问题：有没有办法让文本黑色，如果用户输入的东西，并在模糊？我一直在为它做一个代码，但我认为我没有把它做对。 – hellomello 2011-04-06 06:30:35

默认样式应该优先考虑模糊。如果用户还没有输入任何文字，我认为你不会看到任何颜色:) – 2011-04-06 06:33:02

这个插件我做了会处理，对于你：inputLabel。

否则，最安全的是添加一个类并删除类，并将不同的颜色放在CSS中。

来源

2011-04-06 06:06:04 alex

谢谢你的输入。我认为增加课程对我来说是一个更简单的方法。 – hellomello 2011-04-06 06:26:34

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

回答

相关问题