如何区分输入,焦点和onblur文本颜色?

时间:2012-10-09 08:48:32

标签: javascript forms text colors onblur

我有一个表单,我想在以下阶段设置文本颜色的样式:

  1. 页面加载(在'输入'的css中定义)
  2. on input:focus(通过'input:focus'在css中定义)
  3. onblur(我不知道该怎么做)
  4. 这是jsfiddle与我的尝试。

    http://jsfiddle.net/mT4cn/

    它正在工作,除了'onblur'事件将文本颜色恢复为'输入'在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/

0 个答案:

没有答案