头闻号

电商信息网

经营公众号

首页 > 新闻中心 > 科技常识:搜索文本框焦点离开时文本位置跳动问题解决方法
科技常识:搜索文本框焦点离开时文本位置跳动问题解决方法
发布时间:2024-09-22 04:00:38        浏览次数:2        返回列表

今天小编跟大家讲解下有关搜索文本框焦点离开时文本位置跳动问题解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关搜索文本框焦点离开时文本位置跳动问题解决方法 的相关资料,希望小伙伴们看了有所帮助。

搜索文本框焦点离开时设置文本 位置跳动问题 复制代码代码如下: //搜索文本框 $("#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; }

来源:爱蒂网