有没有一种方法可以淡入和淡出输入的占位符文本?

我试过了:

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


但这崩溃了...

最佳答案

如果您想淡出焦点,而又淡入模糊(当输入框为空时),则以下内容应在webkit中起作用:

HTML:

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


CSS:

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

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


jsFiddle:http://jsfiddle.net/a9UA3/

10-05 20:36
查看更多