您可以使用:outline:none删除文本/输入框周围的橙色或蓝色边框(outline)

input {
    background-color: transparent;
    border: 0px solid;
    height: 20px;
    width: 160px;
    color: #CCC;
    outline:none !important;
}

这是一个旧线程，但作为参考，重要的是要注意，不建议禁用输入元素的大纲，因为它阻碍了可访问性。

outline属性的存在是有原因的——为用户提供一个清晰的键盘焦点指示。有关该主题的进一步阅读和其他来源，请参阅http://outlinenone.com/

从所有输入中删除它

input {
 outline:none;
}

试试这个:

*:focus {
    outline: none;
}

这将影响您的所有页面。

在Firefox中，没有一个解决方案对我有效。

下面的解决方案更改了Firefox的焦点边框样式，并将其他浏览器的大纲设置为none。

我已经有效地使焦点边界从3px的蓝色发光到与文本区域边界匹配的边界样式。下面是一些边框样式:

虚线边界(边界2px红色虚线):

没有边界!(边境0 px):

Textarea border(边框1px纯灰色):

代码如下: 输入:焦点，textarea:焦点{ 大纲:没有;/**对于Safari, etc **/ 边框:1px纯灰色;/** For Firefox **/ ｝ #{文本区域 位置:绝对的; 上图:10 px; 左:10 px; 右:10 px; 宽度:calc(100% - 20px); 身高:160 px; 显示:inline-block; margin-top: -0.2 em; ｝ < textarea id = " textarea”>哟textarea > < /

你实际上不应该使用outline: none，因为如果有人使用高对比度视图，那么他们将无法在黑暗背景上看到状态的变化。相反，你应该使用:

边框色:透明;