有没有办法淡入和淡出输入的占位符文本?
我试过了:
$('.userBox::-webkit-input-placeholder').animate({color: '#888888'}, 500);
但这只是崩溃......
如果您想在焦点时淡出,并在模糊时淡入(当输入框为空时),以下内容应该在 webkit 中起作用:
HTML:
<input id="user_email" name="user[email]" placeholder="[email protected] /cdn-cgi/l/email-protection" 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;
}
js小提琴:http://jsfiddle.net/a9UA3/ http://jsfiddle.net/a9UA3/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)