javascript - 如何区分输入、焦点和模糊文本颜色？

Question

我有一个表格，我想在以下阶段设置文本颜色的样式：

1. 在页面加载时（由“输入”在 CSS 中定义）
2. 在输入：焦点（在 CSS 中由“输入：焦点”定义）
3. onblur（我不知道该怎么做）

这是我尝试的jsfiddle。

http://jsfiddle.net/mT4cn/

它正在工作，除了'onblur'事件将文本颜色恢复为'input'在css中定义的颜色。

如何使“onblur”文本与“输入：焦点”文本显示相同。

谢谢你。

更新

我想我已经想通了：

改变：

<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/