当文本框获取焦点后变换边框颜色
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style type="text/css">
.t{
transition: all 0.30s ease-in-out;
border: 1px solid #ddd;
}
.t:focus{
border: 1px solid #66AACC;
box-shadow: 0 0 5px #66AACC;
outline: none;
}
</style>
<body>
<input class="t" type="text">
</body>
</html>
大概这样 具体自己改下
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
function aaa(obj)
{ obj.className="aa";
} function abc(obj)
{ obj.className="bb";
}
</script>
<style>
.aa{
border:1px solid #FF0000;
} .bb{
border:1px solid #0000ff;
}
</style>
<input name="" class="" onFocus="abc(this);" onBlur="aaa(this);" type="text">
function aaa(obj)
{ obj.className="aa";
} function abc(obj)
{ obj.className="bb";
}
</script>
<style>
.aa{
border:1px solid #FF0000;
} .bb{
border:1px solid #0000ff;
}
</style>
<input name="" class="" onFocus="abc(this);" onBlur="aaa(this);" type="text">
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
文本框获得焦点， 就是用onfocus事件咯， 写个变边框颜色的方法：function change(){document.getElementsByTagName("txtname").style.bordercolor = red;}不知道有没有bordercolor这个特性， 不过反正有这么东西存在了 ， 关键代码就这样了 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml" >
<head>
<style type="text/css">
.redborder{border-color:green;}
</style>
</head>
<body>
<input onfocus="javascript:this.className='redborder'" onblur="javascript:this.className=''" />
</body>
</html>
这样就可以了，颜色自己在style那个里面改
<html xmlns=" http://www.w3.org/1999/xhtml" >
<head>
<style type="text/css">
.redborder{border-color:green;}
</style>
</head>
<body>
<input onfocus="javascript:this.className='redborder'" onblur="javascript:this.className=''" />
</body>
</html>
这样就可以了，颜色自己在style那个里面改
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
