javascript - 如何在按下鼠标而不是单击、悬停或聚焦时删除 Firefox 按钮轮廓

Question

我的 Bootstrap 页面有一个按钮，如下所示。当鼠标按下而不释放时，它有一个默认轮廓。如何删除它。我确定那不是鼠标焦点或事件状态。

默认按钮

鼠标按下不松开

HTML

<input type="button" class="advancedSearch btn" value="Advanced Search" />

CSS

.advancedSearch, .advancedSearch:focus {
  outline: none;
  background-color: #e9ece5;
  font-family: Arial, Times, serif;
  color: #333333;
  height: 35px;
}

Answer 1

这也将解决问题。试一试。

.advancedSearch, .advancedSearch:focus {
  outline: none !important;
  background-color: #e9ece5;
  font-family: Arial, Times, serif;
  color: #333333;
  height: 35px;
}

检查 fiddle