怎么用css去掉chrome浏览器中input获得焦点时的带颜色边框

html-css07

怎么用css去掉chrome浏览器中input获得焦点时的带颜色边框,第1张

input获得焦点时边框的颜色是浏览器自带的默认样式

    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中加入下面一句就可以了