Jquery 淡入和/或淡出占位符文本

有没有办法淡入淡出输入的占位符文本

我试过：

$('.userBox::-webkit-input-placeholder').animate({color: '#888888'}, 500);

但这只是崩溃…

尝试使用

$('.userBox::-webkit-input-placeholder').fadeOut(500);

---

或者，你也可以使用插件。

如果你指的是浏览器实现提供的占位符文本，我不这么认为。如果您想使用

焦点

，

模糊

和

键*

事件实现自定义占位符，那么是的，这是可能的。

如果您想在焦点时淡出，在模糊时淡入（当输入框为空时），以下内容应该在webkit中起作用：

HTML:

<input id="user_email" name="user[email]" placeholder="user@example.org" type="email" />

input[type="email"]::-webkit-input-placeholder  {
  -webkit-transition: opacity 0.3s linear; 
  color: gray;
}

input[type="email"]:focus::-webkit-input-placeholder  {
  opacity: 0;
}

---

jsFiddle:

不幸的是，这会淡出整个文本box@Isaac插件在支持本机占位符的浏览器上不会执行任何操作attribute@roasted但对于较旧的浏览器，它会显示位置holder@Isaac无论如何，我不认为这会帮助奥普找到他想要的东西