如何編輯表單輸入初始值的字體顏色？

我使用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

如何編輯表單輸入初始值的字體顏色？

回答

相關問題