今天小编跟大家讲解下有关搜索文本框焦点离开时文本位置跳动问题解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关搜索文本框焦点离开时文本位置跳动问题解决方法 的相关资料,希望小伙伴们看了有所帮助。
搜索文本框焦点离开时设置文本 位置跳动问题 复制代码代码如下: //搜索文本框 $("#txtSearch").focus(function () { if ($(this).val() =="请输入搜索关键字") { $(this).val(""); $(this).css("color","black"); } }).blur(function () { if ($(this).val() =="") { $(this).css("color","gray").val("请输入搜索关键字"); } }); 在css中加入 复制代码代码如下: #txtSearch { width:480px; height:20px; vertical-align:middle; }
来源:爱蒂网