要删除默认焦点，请在默认的.css文件中使用以下内容:

:focus {outline:none;}

然后你可以通过元素单独控制焦点边框的颜色，或者在默认的.css中:

:focus {outline:none;border:1px solid red}

显然，用你选择的十六进制代码替换红色。

你也可以保持边界不变，并控制背景颜色(或图像)来突出显示字段:

:focus {outline:none;background-color:red}

:-)

这肯定有用。橙色的轮廓不会再出现了。 通用于所有标签:

*:focus {
    outline: none;
   }

特定于某些标记，例如:input标记

input:focus{
   outline:none;
  }

border:0;
outline:none;
box-shadow:none;

这应该能奏效。

你应该可以用

outline: none;

但请记住，这对可用性有潜在的负面影响:很难判断一个元素是否被聚焦，当你使用Tab键遍历表单的所有元素时，这很糟糕——当一个元素被聚焦时，你应该以某种方式反映。

要删除默认焦点，请在默认的.css文件中使用以下内容:

:focus {outline:none;}

然后你可以通过元素单独控制焦点边框的颜色，或者在默认的.css中:

:focus {outline:none;border:1px solid red}

显然，用你选择的十六进制代码替换红色。

你也可以保持边界不变，并控制背景颜色(或图像)来突出显示字段:

:focus {outline:none;background-color:red}

:-)

我必须做以下所有的事情来完全删除它:

outline-style: none;
box-shadow: none;
border-color: transparent;

例子: 按钮{ border - radius: 20 px; 填充:20 px; ｝ .no-focusborder:专注{ outline-style:没有; 不必:没有; 边框颜色:透明; 背景颜色:黑色; 颜色:白色; ｝ <p>在空白区域单击，然后按“Tab”键 <button> button 1(不变)</button> . /button> <button class="no-focusborder">按钮2(没有焦点边框，自定义焦点指示器显示焦点存在，但不需要的高亮已经消失 / / < br > < br > < br / > < br / > < br / > < br / >