wgrk.net
当前位置:首页 >> input FoCus 边框 >>

input FoCus 边框

css设置属性:outline:none;

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

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

文本框获得焦点, 就是用onfocus事件咯, 写个变边框颜色的方法:function change(){document.getElementsByTagName("txtname").style.bordercolor = red;}不知道有没有bordercolor这个特性, 不过反正有这么东西存在了 , 关键代码就这样了 .re...

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

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

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

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

border:none outline:none 去掉input外边框用outline属性

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

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