Question

html中如何在输入在时文本框变色和加粗

输入前:

输入后





Answer 1

两种办法。
CSS3的办法：input:focus{border-widht:3px;}
jQuery的办法：$("input").focus(function(){
$(this).css("border-width","3");

});
基本思路，就是文本框获取焦点的时候，让文本框的变宽宽度变大

Answer 2

这个很简单的，设置一个鼠标onclick事件，然后让onclick事件给input文本框换样式就可以了。

追问

有木有具体代码啊? 亲

追答

function in_put(){
var in_put_=document.getElementById("in_put");
in_put_.value="aaa";
in_put_.style.border_style="green";
}

input {
color: #ed1941;
border: 1px solid green;
}
input:focus {
color: #ed1941;
border: 2px solid red;
}