mshd.net
当前位置:首页 >> input标签获取焦点的时候,文本框边框改变样式.有... >>

input标签获取焦点的时候,文本框边框改变样式.有...

jghdream 的思路是对的,不过不需要为每一个 input 加 class input[type=text]:focus, input[type=password]:focus { border: 2px solid #f00;}

css设置属性:outline:none;

function aaa(obj) { obj.className="aa"; } function abc(obj) { obj.className="bb"; } .aa{ border:1px solid #FF0000; } .bb{ border:1px solid #0000ff; }

你可以用下面的css代码去掉所有元素的边框: *:focus {outline: none;} 用下面的代码去掉你要去掉的元素的边框: .nohighlight:focus { outline:none; } 你也可以给元素增加你希望的边框: .changeborder:focus { outline:Blue Solid 4px;}

.Inpt{border:0;outline:none;/*去除蓝色边框*/}

可以设置表单控件的outline属性为none值来去掉Chrome浏览器中输入框以及其它表单控件获得焦点时的橙色边框。 css代码如下:input,button,select,textarea{outline:none} CSS(层叠样式表): 层叠样式表(英文全称:Cascading Style Sheets)是一...

input:focus{ border:1px solid black; }

可以设置表单控件的outline属性为none值, 来去掉Chrome浏览器中输入框以及其它表单控件获得焦点时的橙色边框。 css代码如下: input{outline:none}

$(':text').hover(function(){$(this).css("boreder","1px solid yellow");$(':text').not(this).css('border','1px solid red');},function(){$(this).css("boreder","1px solid red");});

1、先使用jQuery选择器找到所有的文本框 2、为文本框注册获得焦点事件,即focus事件 3、在焦点事件的事件处理函数中对当前得到焦点的文本框设置背景色 4、注册失去焦点事件,即blur事件 5、在失去焦点的事件处理函数中对当前触发事件的文本框改...

网站首页 | 网站地图
All rights reserved Powered by www.mshd.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com