css 文本框聚焦时如何控制无边框
如何控制文本框获得焦点时的边框样式比如文本框选中时，我不希望出现边框，只出现光标闪动，如何实现？...
如何控制文本框获得焦点时的边框样式
比如文本框选中时，我不希望出现边框，只出现光标闪动，如何实现？ 展开
比如文本框选中时，我不希望出现边框，只出现光标闪动，如何实现？ 展开
5个回答
2016-04-21 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI＆UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
![]()
展开全部
具体实现代码如下：
var inputO = document.getElementById("input1");
inputO.onblur = function()
{
inputO.style.border = "1px solid rgb(0, 0, 0)";//input失去焦点时的边框状态
}
inputO.onfocus = function()
{
inputO.style.border = 0; //input得到焦点时的边框状态
}
var inputO = document.getElementById("input1");
inputO.onblur = function()
{
inputO.style.border = "1px solid rgb(0, 0, 0)";//input失去焦点时的边框状态
}
inputO.onfocus = function()
{
inputO.style.border = 0; //input得到焦点时的边框状态
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>文本框得到焦点去边框</title>
<link rel="stylesheet" href="inputOnblur.css">
</head>
<body>
<input type="text" id="input1">
<script src="inputOnfocus.js"></script>
</body>
</html>
inputOnfocus.js 文件代码清单如下：
var inputO = document.getElementById("input1");
inputO.onblur = function()
{
inputO.style.border = "1px solid rgb(0, 0, 0)";//input失去焦点时的边框状态
}
inputO.onfocus = function()
{
inputO.style.border = 0; //input得到焦点时的边框状态
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我习惯用jquery用这段代码试试。
//获得焦点时的边框样式
$("#inputID").focus(function(){ $(this).css("border",0);});
//失去焦点时的边框样式
$("#inputID").blur(function(){ $(this).css("border","1px solid red");});
希望能帮到你！
//获得焦点时的边框样式
$("#inputID").focus(function(){ $(this).css("border",0);});
//失去焦点时的边框样式
$("#inputID").blur(function(){ $(this).css("border","1px solid red");});
希望能帮到你！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style type="text/css">
input {
outline:none;
}
</style>
input {
outline:none;
}
</style>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
outline:none;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
