这个问题在这里已经有答案了:
如何删除输入文本元素上的边框高亮显示
（19个答案）
关闭6年前.
谁能解释一下如何删除文本/输入框周围的橙色或蓝色边框（轮廓）？我认为只有在Chrome上才会显示输入框处于活动状态。以下是我正在使用的输入CSS：
input {
background-color: transparent;
border: 0px solid;
height: 20px;
width: 160px;
color: #CCC;
}
目前的答案在Bootstrap3.1.1中对我不起作用。以下是我必须覆盖的内容：
.form-control:focus {
border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
}box-shadow: none;他为我做了这件事。当我加入元素时，没有:focus它还消除了Chrome在无边框和输入框上的细微阴影。
这对我有用。出于某种原因，输入：focus{outline:none；}不起作用。
这对我有用。我正在使用FF最新的浏览器和大纲：没有一个不起作用。
此解决方案也适用于引导v4。
在bootstrap 4上，如果要删除的轮廓是汉堡包移动菜单的圆形，则可以使用：
盒子的影子一个人为我工作！非常感谢。
这在chrome上对我有效。大纲：没有一个没有
是的，谢谢。干得好。
谢谢我用它作为引导4和上面其他的一样
我甚至不得不把box-shadow: none!important;为了防止引导添加了边框框阴影
input:focus {
outline:none;
}这就行了。橙色轮廓不会再出现了。
而不是输入：焦点{outline:0；}->outline:none；作品
除非您提供其他样式，否则不要这样做，这对于可访问性很重要。看见OutlineOne.com
实际上，这种CSS是不够的。例如，如果您正在使用JQueryUI选项卡，如果您只是使用CSS，那么单击选项卡后会出现难看的蓝色边框。您确实需要添加：focus或li:focus来防止边界。
这不利于可访问性，不应该这样做。
<input style="border:none" >对我来说效果很好。希望用html本身修复它…：）
这也很有效。
您可以将其增加三倍：输入{border:0非透明}
当我向css类添加border:none时，它仍然显示输入字段的边框。其中，内联css style=“border:none”正在工作
@arun8听起来好像您的CSS选择器不是最高的“优先级”（忘记了这个词，但它的重要性类似于选择器，例如p>span.class比span.class更重要，因此它将使用p>span.class中的代码
@arun8您可以尝试在css类中使用“！important”
我找到了解决办法。
我用过：outline:none;在CSS中，它似乎起了作用。无论如何，谢谢你的帮助。：）
这就是您要删除的焦点大纲。它的存在有一个原因：可用性。尤其是键盘用户，如果你删除它，他们会讨厌它。
@罗托拉如果他用CSS3制作一个更好的呢？
请注意，ouline也出现在不同的情况下：在IE9中，如果使用tab选择按钮，则可以在按钮周围看到小点（即，在按钮之前的字段中单击并使用tab转到下一个字段，直到到达按钮[转到上一个字段是Shift+tab]）
…如果有人需要将其从firefox中的选定元素中删除：notes.jerzygangi.com/…
使用边框样式：无；背景色：白色；字体大小：13px；字体大小：粗体；颜色：黑色；
正如@Torkil Johnsen在下面的评论中提到的，您可能希望提供不同的样式以使其更为明显，但仅删除它对可访问性非常不利（例如，仅使用键盘或其他辅助设备通过元素进行制表的人）。
试试这个css，它对我有用
textarea:focus, input:focus{ border: none; }