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

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 / >

你可以设定一个大纲:没有;和边界到一个不同的颜色的焦点。

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

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 / >

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

这应该能奏效。

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

*:focus {
    outline: none;
   }

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

input:focus{
   outline:none;
  }

问题是你已经有了一个大纲。Chrome仍然改变了一些东西，这是一个真正的痛苦。我不知道该改变什么:

.search input {
  outline: .5em solid black;
  width:41%;
  background-color:white;
  border:none;
  font-size:1.4em;
  padding: 0 0.5em 0 0.5em;
  border-radius:3px;
  margin:0;
  height:2em;
}

.search input:focus, .search input:hover {
  outline: .5em solid black !important;
  box-shadow:none;
  border-color:transparent;;
 }

.search button {
  border:none;
  outline: .5em solid black;
  color:white;
  font-size:1.4em;
  padding: 0 0.9em 0 0.9em;
  border-radius: 3px;
  margin:0;
  height:2em;
  background: -webkit-gradient(linear, left top, left bottom, from(#4EB4F8), to(#4198DE));
  background: -webkit-linear-gradient(#4EB4F8, #4198DE);
  background: -moz-linear-gradient(top, #4EB4F8, #4198DE);
  background: -ms-linear-gradient(#4EB4F8, #4198DE);
  background: -o-linear-gradient(#4EB4F8, #4198DE);
  background: linear-gradient(#4EB4F8, #4198DE);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4EB4F8', endColorstr='#4198DE');
  zoom: 1;
}