重置輸入字段文本css

Question

請參閱提琴http://jsfiddle.net/a765q/1/。

如果我點擊重置按鈕，文本顏色變成灰色。怎麼做？

Answer 1

我會建議使用較新的placeholder屬性，而不是你要做的事。

從提琴!:修改

<input name="address" id="address" type="text" placeholder="Address" />

Answer 2

這裏是工作提琴：http://jsfiddle.net/surendraVsingh/a765q/13/

HTML

<form action=""> 
    <input name="address" id="address" type="text" value="Address" /> 
    <input name="reset" type="reset" value="Reset Form"> 
</form>​ 

jQuery的

$('#address').focus(function(){ 
    $(this).val(''); 
    $(this).css('color', '#000'); 

}); 
$('input[type="reset"]').click(function(){ 

     $('#address').css('color', '#999'); 
});