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

 我来答
马后雷鼓下扬州5058
推荐于2017-11-25 · TA获得超过4321个赞
知道小有建树答主
回答量:693
采纳率:33%
帮助的人:800万
展开全部

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


input[type=text]:focus, input[type=password]:focus {
    border: 2px solid #f00;
}
jghdream
2013-05-21 · TA获得超过374个赞
知道小有建树答主
回答量:321
采纳率:91%
帮助的人:284万
展开全部
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的样式就可以了
追问
在每个input里面加样式很蛋疼,有上百个页面,而且每个页面里有很多input,一个一个加不得挂掉
追答
嗯,keneks 的做法很好,我说的最好在刚开始做页面的时候在input里加class。后期改的话,keneks这种做法不错
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式