如何删除文本/输入框周围的焦点边框（轮廓）？（铬）[复制]

我已经找到了解决方案。
我在CSS中使用了：，它似乎起作用了。无论如何，感谢您的帮助。:)outline:none;

input:focus {
    outline:none;
}

这样就可以了。橙色轮廓将不再显示。

此边框用于显示元素已聚焦（即您可以输入输入或按 Enter 按钮）。不过，您可以使用 outline 属性将其删除：

textarea:focus, input:focus{
    outline: none;
}

您可能希望添加一些其他方式，让用户知道哪个元素具有键盘焦点，但为了可用性。

Chrome 还会将突出显示应用于其他元素，例如用作模态的 DIV。为了防止这些元素和所有其他元素突出显示，您可以执行以下操作：

*:focus {
    outline: none;
}

---

⚠️ 辅助功能警告

请注意，从输入中删除大纲是一种可访问性不好的做法。使用屏幕阅读器的用户将无法看到他们的指针聚焦在哪里。更多信息请访问a11yproject

这会从所有和任何元素中删除 Chrome 中的橙色框架，无论它是什么以及在哪里

*:focus {
    outline: none;
}

这肯定会奏效。橙色轮廓将不再显示。. 所有标签通用：

*:focus {
    outline: none;
}

特定于某些标签，例如：输入标签

input:focus {
   outline:none;
}

请使用以下语法删除文本框的边框，并删除浏览器样式的突出显示边框。

input {
    background-color:transparent;
    border: 0px solid;
    height:30px;
    width:260px;
}
input:focus {
    outline:none;
}

溶液

*:focus {
    outline: 0;
}

PS：使用而不是对焦。这是有效且更好的做法。outline:0outline:none

设置

input:focus{
    outline: 0 none;
}

“！important”是以防万一。那没有必要。[现在它消失了。

当前的答案对 Bootstrap 3.1.1 不起作用。这是我必须覆盖的内容：

.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

<input style="border:none" >

对我来说效果很好。希望在html本身中修复它... :)

我发现您还可以使用：

input:focus{
   border: transparent;
}