input{
outline:none
}
即可去掉
可以设置表单控件的outline属性为none值来去掉Chrome浏览器中输入框以及其它表单控件获得焦点时的橙色边框。
css代码如下:
input,
button,
select,
textarea{outline:none}
CSS(层叠样式表):
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
1、使用Chrome的都知道,当鼠标焦点在input、textarea这些元素上时,Chrome默认的会给它们加上黄色的边框,我以前一直以为这是chrome的特性,没法去掉,原来是css的效果,outline这个属性。你可以用下面的css代码去掉所有元素的边框:
*:focus {outline: none}
用下面的代码去掉你要去掉的元素的边框:
.nohighlight:focus{outline:none}你也可以给元素增加你希望的边框:
3、chrome默认用户可以控制textarea的大小,在CSS中加入下面一句就可以了