怎么使得文本框在点击的时候，边框的颜色变成绿色

尊敬的用户，经系统检测，该篇日志中可能存在违规嫌疑内容，已被系统暂时屏蔽，请您检查。确认清理完毕后，请输入验证码申请解除屏蔽。
验证码：换一张
提 交
怎么使得文本框在点击的时候，边框的颜色变成绿色

如何使得文本框在点击的时候，边框的颜色变成绿色

------解决方案--------------------

<script src=/scripts/jquery-1.8.3.min.js></script>

<script>

$(function() {

$(":text").focus(function() {

$(this).css('border-color', '#0f0');

}).blur(function() {

$(this).css('border-color', '');

})

});

</script>

<input type=text>

<input type=text>

<input type=text>

<input type=text>

------解决方案--------------------
用个css伪类就好了
input:focus {
border-style: solid;
border-color: #339933;
}
------解决方案--------------------

input:focus{

border-style:solid;

border-color:#339933

}

------解决方案--------------------
引用:

Quote: 引用:

input:focus{

border-style:solid;

border-color:#339933

}

如何用div类实现嘞？！

用jQuery:

<style type="text/css">

.green{

border-style:solid;

border-color:#339933

}

</style>

$("#你的input的ID").focus(

function(){

$("#你的div的ID").addClass("green");

}

).blur(

function(){

$("#你的div的ID").removeClass("green");

});