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

html-css017

怎么用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 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

css2有获得焦点的选择器:

input:focus {...} //当input元素获得焦点时就会套用这个样式

也就是说当input元素失去焦点就会恢复为原来的样式。因此只需给同一类元素设置默认样式和获得焦点时的样式即可实现你的目的。