搜索文本框焦点离开时文本位置跳动问题解决方法

当前位置 : 首页 > 网页制作 > 心得技巧 > 搜索文本框焦点离开时文本位置跳动问题解决方法

搜索文本框焦点离开时文本位置跳动问题解决方法

来源:互联网 作者:脚本宝典 时间:2015-08-28 13:47
搜索文本框焦点离开时设置文本,位置跳动问题 复制代码 代码如下: //搜索文本框 $(#txtSearch).focus(function () { if ($(this).val() == 请输入搜索关键字) { $(this).val(); $(this).css(color, black); } }).b

搜索文本框焦点离开时设置文本,位置跳动问题 

复制代码

代码如下:


//搜索文本框 
$("#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; 


Tag:

相关文章

网友评论

<