来去掉Chrome浏览器中输入框以及其它表单控制元件获得焦点时的橙色边框。
css程式码如下：
input{outline:none}
<!DOCTYPE HTML><><meta charset=UTF-8 /> <head> <title></title> </head><style type=text/css> , body { margin: 0 padding: 0 } .demo {} </style> <body> <div > <input type=text name= id="" value="" /> </div></body></>
设定css样式
input{outline:none}
input获得焦点时边框的颜色是浏览器自带的预设样式input{outline:none}即可去掉
input[type='text']:focus{
border-color:none
}
可以设定表单控制元件的outline属性为none值，
来去掉Chrome浏览器中输入框以及其它表单控制元件获得焦点时的带颜色边框。
css程式码如下：
input{outline:none}
可以设定表单控制元件的outline属性为none值，
来去掉Chrome浏览器中输入框以及其它表单控制元件获得焦点时的橙色边框。
css程式码如下：
input{outline:none}
希望对您有帮助！
怎么用css去掉chrome浏览器中input获得焦点时的橙色边框呢？
可以设定表单控制元件的outline属性为none值来去掉Chrome浏览器中输入框以及其它表单控制元件获得焦点时的橙色边框。
css程式码如下：
input,
button,
select,
textarea{outline:none}
CSS（层叠样式表）：
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等档案样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种指令码语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行画素级精确控制，支援几乎所有的字型字号样式，拥有对网页物件和模型样式编辑的能力。
当元素获得焦点的时候，焦点框为0.比如说当前这个网页，你用tab键切换的时候，文字链接、搜索框、按钮等的外面会有一个虚线框（或高亮框），此时当前的元素就获得了焦点，你可以对它进行操作。这个功能一般是为使用键盘操作的用户准备的。有些链接——比如一个图片链接，你不想让他出现虚线框破坏设计感，就可以用此方法。建议一般不要去掉，只在一些影响设计美感的地方用。毕竟这个焦点框对键盘用户是很有帮助的。具体实现代码如下：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得到焦点时的边框状态
}
