230问答网 > input标签获取焦点的时候，文本框边框改变样式。有很多页面，页面中还有很多文本框，怎么写个公用方法？

input标签获取焦点的时候，文本框边框改变样式。有很多页面，页面中还有很多文本框，怎么写个公用方法？

2024-11-30 23:57:57

推荐回答（2个）

回答1：

jghdream 的思路是对的，不过不需要为每一个 input 加 class

input[type=text]:focus, input[type=password]:focus {
    border: 2px solid #f00;
}

回答2：

css版：
.input_text:focus,textarea:focus{border:#4D90FE solid 1px;}

直接用css就可以搞定，简单方便，省资源

在input 里面加一个class为“input_text” ，就可以了

js版的：

$('form[name^="form"] input,textarea').bind('focus', function(){
$(this).removeClass('input_text');
});

在css里定义好 input_text的样式就可以了