Heim >Web-Frontend >HTML-Tutorial >如何使得文本框在点击的时候,边框的颜色变成绿色_html/css_WEB-ITnose
<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}
input:focus{ border-style:solid; border-color:#339933}
input:focus{ border-style:solid; border-color:#339933}
<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"); });