当前位置:主页 > 查看内容

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

发布时间:2021-04-26 00:00| 位朋友查看

简介:搜索文本框焦点离开时设置文本,位置跳动问题 复制代码 代码如下: //搜索文本框 $("#txtSearch").focus(function () { if ($(this).val() == "请输入搜索关键字") { $(this).val(""); $(this).css("color", "black"); } }).blur(function () { if ($(this).v……

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

复制代码
代码如下:

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


原文链接:https://m.jb51.net/web/101128.html
本站部分内容转载于网络,版权归原作者所有,转载之目的在于传播更多优秀技术内容,如有侵权请联系QQ/微信:153890879删除,谢谢!
上一篇:html5用video标签流式加载的实现 下一篇:没有了

推荐图文


随机推荐