javascript - 入力、フォーカス、オンブラーのテキストの色を区別する方法は？

Question

次の段階でテキストの色をスタイル設定したいフォームがあります。

1. ページの読み込み時（cssで「input」によって定義されます）
2. input：focus（cssで'input：focus'によって定義されます）
3. onblur（このビットのやり方がわかりません）

これが私の試みのjsfiddleです。

http://jsfiddle.net/mT4cn/

'onblur'イベントがテキストの色を'input'によってcssで定義された色に戻すことを除いて機能しています。

'onblur'テキストを'input：focus'テキストと同じように表示するにはどうすればよいですか。

ありがとうございました。

アップデート

私はそれを理解したと思います：

変化する：

<input name="email" id="email" value="your email" onFocus="clearText(this)" onBlur="clearText(this)"/>

に：

<input name="email" id="email" value="your email" onFocus="clearText(this)" onBlur="clearText(this.className = 'onblurtext')"/>

そしてこれをcssに追加します：

.onblurtext { color: #999 !important; font-style: normal !important; }

ここでjsfiddleを更新しました：

http://jsfiddle.net/mT4cn/1/