如何在鼠标按下时删除Firefox的按钮轮廓，而不是单击，悬停或forcus

Question

我的引导页面有一个按钮，如下所示。鼠标按下时没有释放，它有一个默认的轮廓。如何删除它。我确信这不是鼠标焦点或活动。

默认按钮

鼠标按下但不释放

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

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

$first_line

检查fiddle