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

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

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

css设置属性:outline:none;

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

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

用:focus伪类就可以实现 input:focus {border: 2px solid yellow;}如上,可以根据自己的具体需求更改颜色、像素 要想美观的话,可以根据设计风格,添加border-radius属性来增加边角圆角效果

可以设置表单控件的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}

分析问题: 文本框获取焦点时,浏览器给采用默认的处理方式,为其加上高亮外边框。 解决思路: 我们可能通过,在input获取焦点时,采用css将文本框的外边框去掉。为文本框添加如下样式即可。 outline:none; 样式代码: input:focus {outline:non...

首先我们在html页面中输入input的相关代码; 2 用浏览器查看时,会发现点击input出现了蓝色边框; END 解决问题 查找了各方面的资料才知道这是input默认的样式。当然我们还是有办法解决的~,可以用css去除掉蓝色出现的蓝色边框,有三种方式: 第...

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