我尝试制作脚本，在专注于之后更改 div 边框底部的颜色
<input type="text">
然后单击其他位置后更改回默认颜色。
这是我尝试过的：
Css:
.div1 {border-bottom:1px solid #ccc;}
JavaScript：
function inputFocus(){ $(".div1").css("border-bottom","1px solid #ffba00"); };
Html:
<input type="text" onFocus="inputFocus();">
第一部分（改变焦点上的颜色）工作正常，但是在单击其他地方（没有焦点在输入上）后，它不会变回 css 文件中设置的正常样式。
知道我做错了什么吗？
我建议：
$('input').focus(
function(){
$(this).css('border-bottom','1px solid #000');
}).blur(
function(){
$(this).css('border-bottom','1px solid #ccc');
});
JS 小提琴演示 http://jsfiddle.net/davidThomas/2xXr6/1/.
不过如果你愿意使用 CSS：
input:focus,
input:active {
border-bottom: 1px solid #000;
}
JS 小提琴演示 http://jsfiddle.net/davidThomas/2xXr6/.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
