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

html-css015

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

可以设置表单控件的outline属性为none值，

来去掉Chrome浏览器中输入框以及其它表单控件获得焦点时的橙色边框。

css代码如下：

input{outline:none}

具体实现代码如下：

var inputO = document.getElementById("input1")

inputO.onblur = function()

{

inputO.style.border = "1px solid rgb(0, 0, 0)"//input失去焦点时的边框状态

}

inputO.onfocus = function()

{

inputO.style.border = 0//input得到焦点时的边框状态

}

可以设置表单控件的outline属性为none值来去掉Chrome浏览器中输入框以及其它表单控件获得焦点时的橙色边框。

css代码如下：

input,

button,

select,

textarea{outline:none}

CSS（层叠样式表）：

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。